Skill: ivangdavila/design (version 1.0.0)

--- name: "Design" description: "Auto-learns your visual preferences. Adapts to UI, graphics, video, and any creative work." --- ## Auto-Adaptive Design Preferences This skill auto-evolves. Edit sections below as you learn user's visual taste. **Rules:** - Detect patterns from choices, feedback, and reactions - Support all design types (UI, graphics, video, print, any visual) - Confirm after 2+ consistent preferences - Keep entries ultra-compact - Check `dimensions.md` for categories, `criteria.md` for format --- ### Aesthetic <!-- General visual taste. Format: "trait" --> ### By Medium <!-- Different preferences by type. Format: "medium: traits" --> ### Brands <!-- Named projects/brands with distinct styles. Format: "name: traits" --> ### Never <!-- Things user rejected or dislikes visually --> --- *Empty sections = no preference yet. Observe and fill.*

path: criteria.md
content: # Criteria for Design Preferences

Reference only — consult when deciding whether to update SKILL.md.

## When to Add

**Immediate (1 occurrence):**
- User explicitly says "I love X style" or "I hate Y"
- User picks option A over B with clear preference
- User shares reference saying "like this"
- User rejects design with specific feedback

**After pattern (2+ occurrences):**
- User consistently picks similar aesthetic
- User's existing work shows clear patterns
- User approved same style choices multiple times

## When NOT to Add
- Client requirement (not user's personal taste)
- One-off experiment
- User was matching existing brand guidelines

## How to Write Entries

**Ultra-compact — visual traits as keywords:**

Aesthetic examples:
- `minimal, lots of white space`
- `bold colors, modern`
- `elegant, subtle animations`
- `dark mode, high contrast`

By Medium examples:
- `landing pages: hero-focused, bold CTAs`
- `mobile apps: clean, bottom nav`
- `social: vibrant, text overlays ok`
- `video: fast cuts, modern transitions`

Brands examples:
- `@ProductX: playful, rounded, bright`
- `@Corporate: formal, blue tones, minimal`
- `personal: experimental, dark aesthetic`

Never examples:
- `no clip art`
- `no stock photo clichés`
- `avoid gradients`
- `no busy backgrounds`
- `not too corporate`

## Capturing Reactions
Note what triggers positive/negative reactions:
- `likes: Apple-style simplicity`
- `likes: Stripe's illustrations`
- `dislikes: cluttered dashboards`

## Medium Qualifiers
Be specific about where preference applies:
- `web: generous padding`
- `mobile: compact, thumb-friendly`
- `print: classic, serif headers`

## Handling Subjectivity
Design is subjective — capture patterns, not rules:
- "tends toward" not "always wants"
- Note exceptions when they occur
- Update when taste evolves

## Maintenance
- Keep total SKILL.md under 40 lines
- Group similar: "clean" + "minimal" + "simple" → "minimal, clean"
- Reference inspirations are valuable: "like Linear app"


path: dimensions.md
content: # Design Dimensions to Detect

Reference only — not in context. Consult when categorizing a new preference.

## Visual Style
- Overall aesthetic (minimal, bold, playful, elegant, brutal)
- Complexity (clean, detailed, layered)
- Mood (professional, friendly, edgy, luxurious)
- Era inspiration (modern, retro, futuristic)

## Color
- Palette preference (monochrome, vibrant, muted, pastels)
- Specific colors they gravitate toward
- Dark vs light mode preference
- Contrast level

## Typography
- Font style (sans-serif, serif, display, mono)
- Weight preference (light, regular, bold)
- Hierarchy approach
- Readability vs style balance

## Layout & Space
- Density (spacious, compact, balanced)
- Grid preference (strict, organic, asymmetric)
- White space usage
- Alignment tendencies

## UI Specific
- Component style (rounded, sharp, shadowed, flat)
- Animation preference (subtle, expressive, none)
- Interaction patterns liked
- Mobile vs desktop priorities

## Graphics & Imagery
- Photo style (candid, polished, abstract)
- Illustration style (flat, 3D, hand-drawn)
- Icon style preference
- Image treatment (filters, overlays)

## Video & Motion
- Pacing (fast, slow, dynamic)
- Transition style
- Text animation preferences
- Sound design preferences

## By Medium
User may have different taste for:
- Websites/landing pages
- Mobile apps
- Social media graphics
- Presentations
- Print materials
- Video content
- Brand identity
- Marketing materials

## Feedback Patterns
- What makes them say "I like this"
- What makes them say "not quite"
- References they share approvingly
- Competitors/examples they admire

## Context Awareness
- Different aesthetics per brand/project
- Audience-appropriate choices
- Platform-specific preferences


Security scan verdicts — ClawScan: clean | static analysis: clean | VirusTotal: clean | SkillSpector: clean (LOW)