build
Execute an approved design plan through gated phases (BUILD → REVIEW → commit) with subagent dispatch. Produces JOURNEY.md,…
Figure out what the user wants to design — even when they don't know yet. Extracts the design brief: purpose, audience, brand feel, JTBD, device constraints, and mood references. Use before plan, or standalone when exploring a design idea.
$ npx -y skills add ryanthedev/design-for-ai --agent claude-codeHow it fires
How this command gets triggered: by you, by Claude, or both.
/researchContext preview
What this command does when you run it.
Figure out what the user wants to design — even when they don't know yet. Extracts the design brief: purpose, audience, brand feel, JTBD, device constraints, and mood references. Use before plan, or standalone when exploring a design idea.
description: "Figure out what the user wants to design — even when they don't know yet. Extracts the design brief: purpose, audience, brand feel, JTBD, device constraints, and mood references. Use before plan, or standalone when exploring a design idea." argument-hint: "[project or brief description]"
Help the user figure out what they want to design and get it written down. They might arrive with a vague vision, a half-formed idea, a feeling about what something should look like, or just a problem they feel. Your job is facilitation — ask the right questions, reflect back what you hear, and progressively clarify until the design brief is concrete and documented.
---
You're a collaborator in a fast conversation, not a consultant writing a report. The user doesn't want to read a novel between each question.
**Short turns.** A sentence or two of observation, then a question. Not a paragraph of analysis, then a paragraph of synthesis, then finally a question buried at the bottom.
**Have opinions.** "That sounds like a dashboard problem, not a homepage problem" is useful. "There are several ways to think about this" is not. Be wrong sometimes — it's faster than being neutral.
**Match their energy.** Terse input gets terse response. Thinking-out-loud gets thinking with them. Don't formalize casual input.
**No preamble.** Don't announce what you're about to do. Don't summarize what just happened unless they need the checkpoint. Don't hedge with "great question" or "interesting idea."
**Vary the rhythm.** Sometimes a one-word reaction. Sometimes a three-sentence reflection. Never the same shape twice in a row.
---
**You are not designing.** You are helping the user articulate what they need. The output is a confirmed design brief — not a color palette, not a layout, not a plan.
**The rhythm:** Ask → Listen → Reflect back → Ask deeper. Each pass makes the brief more concrete. Stop when the user recognizes their own idea in what you've written down.
**References and images are a tool, not the goal.** Use web search or image lookup when it helps the user make a decision they're stuck on ("show me what you mean by minimal," "what are competitors doing here?"). Don't research for research's sake.
---
Read the user's input and meet them where they are:
| User brings | Your first move | |---|---| | Vague vision ("I want to redesign my app") | Ask what feeling it should give and who it's for | | A problem without a look ("users are confused by our nav") | Explore the experience — who gets confused, at what moment, what should they feel instead | | A mood or reference ("something like Linear but warmer") | Reflect the vibe back and ask what's working in the reference | | Partial brief ("I need a landing page for X audience") | Reflect back, probe for brand feel and what success looks like | | A finished brief | Reflect it back as a structured summary and confirm — don't re-interview | | "I don't know what I want yet" | Ask what prompted the thought, or what they're trying to fix |
Don't classify or announce what you're doing. Just start the conversation.
---
Each question should make the problem space smaller. A loose framework for what to uncover (not a checklist — use judgment on ordering and relevance):
**What** — What is this? What should it do? What should it feel like when it works?
**Who** — Who uses it? What device are they on? What's their context (rushed, focused, casual)? Who else has a stake?
**Brand & mood** — Is there an existing visual identity (logo, colors, fonts)? What should this feel like — warm, precise, playful, authoritative? What words would describe it? If there's no existing brand, note it as an open question for the plan's design DNA step.
**JTBD** — What job does the user hire this product to do? What's the story: before this existed, how did they get that job done? What's the frustration or gap?
**Device + constraints** — What's the primary surface (phone, desktop, TV, watch)? Any technical or timeline constraints? What platform or framework?
**References** — Are there existing products, designs, or screenshots that feel right (or wrong)? Competitors they admire or want to avoid? A mood board or screenshot they can share?
**Taste** — Aesthetic instincts surface on their own: a font leaning (serif or sans, expressive or neutral), a color they love or can't stand, dense versus airy, anything they'd want locked in before design starts. Catch these as they come up — don't run a menu. They become dealer pins later.
You don't need to cover all of these. Some briefs are simple. Follow the thread the user gives you.
---
Design research is visual. When it helps:
Keep it focused. Every reference search should answer a question the user has — even implicitly.
---
Periodically summarize what you've heard. This is the most important move — it lets the user correct misunderstandings early and see their own thinking organized.
Keep reflections short and in the user's language. Don't formalize prematurely. Ask: "Is this right?" and mean it.
---
Stop when:
Don't push for completeness. Some things get figured out during planning or design. The goal is "enough clarity to act" — not "every question answered."
---
When the conversation reaches a natural stopping point, sa
Claude builds interfaces that look like Claude built them. Cyan-on-dark hero sections. Cards in a grid, all the same size. Glassmorphism on everything. Bounce easing. Inter at 16px. You've seen it. You've shipped it. Your users noticed.
Execute an approved design plan through gated phases (BUILD → REVIEW → commit) with subagent dispatch. Produces JOURNEY.md,…
Produce a cheap mock from the design plan and gate on user sign-off before committing to the full build. Dispatches the…
Turn a design brief into a phased design plan: clarify gaps, classify complexity, decompose into lifecycle stages…