design-flow
design-flow walks you through the complete design process as a guided sequence, running each phase in order and waiting for confirmation before advancing. It orchestrates six core phases—from clarifying your thinking through building components—plus an optional design review, with the ability to skip phases you don't need and resume mid-project where you left off.
design-flow guides you through a complete design workflow in seven phases, from clarifying requirements through building and reviewing.
AI-generated summary based on this skill's SKILL.md
Install
julianoczkowski/designer-skills/design-flow
git clone https://github.com/julianoczkowski/designer-skills
cp -r designer-skills/design-flow ~/.claude/skills/design-flowFrequently asked questions
AI-generated answers based on this skill's SKILL.md and metadata
How do I run the full design workflow with design-flow?
design-flow walks you through a complete guided sequence from brief through frontend build. It orchestrates six core phases in order, waiting for your confirmation before advancing to each next step. You can run the entire workflow end-to-end, or skip phases you don't need and customize the sequence to fit your project.
What phases does design-flow take me through?
design-flow guides you through six core phases: clarifying your thinking, defining requirements, creating designs, reviewing designs (optional), building components, and finalizing your frontend. Each phase completes before moving to the next, giving you structured checkpoints throughout the entire design-to-build process.
Can I start a new project from scratch with design-flow?
Yes. design-flow is built to start new design projects with structured methodology. When you begin, it walks you through the complete process step by step, from your initial brief all the way through to a built frontend, confirming your readiness at each phase boundary.
Can I resume an in-progress design workflow?
design-flow supports resuming mid-project from saved artifacts. If you've already completed some phases, you can pick up where you left off rather than starting over, letting you continue your workflow without repeating earlier work.
Can I skip optional phases and customize the design flow sequence?
Yes. design-flow lets you skip phases you don't need and customize the order of your workflow. The design review phase is optional, and you can tailor the sequence to match your project's specific requirements and constraints.
What makes design-flow a guided process?
design-flow orchestrates a multi-phase design process with confirmation between each step. Rather than running all phases at once, it pauses after each phase to wait for your approval before advancing, ensuring you stay in control and can review outputs before moving forward.
SKILL.md
rendered from the published skill — quoted content, verbatim
This skill orchestrates the full designer workflow by running each skill in sequence. You are a guide walking the designer through each phase. Do not rush. Each phase must be completed and confirmed before moving to the next.
Example prompts
- "Run the full design flow"
- "Walk me through the complete process for a new project"
- "Start from scratch and take me through everything"
- "Design flow for a dashboard app"
The Sequence
1. Grill Me → Clarify thinking
2. Design Brief → Document intent
3. Info Architecture → Define structure
4. Design Tokens → Establish visual system
5. Brief to Tasks → Plan the build
6. Frontend Design → Build it
—
7. Design Review → Run separately when ready
Rules
- At the start, tell the designer what the full sequence looks like (phases 1-6, with review available
(truncated - see the full file via the links below)
Read as markdown · JSON record · Browse the source repository
File tree — 1 file
design-flow/SKILL.md