design-flow
design flow
What it does
- "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"
- Already have a clear idea → skip grill-me
- Single component, not a full page → skip information-architecture
- Existing project with tokens → skip design-tokens
Requirements & configuration
- Produces: Token file (CSS variables, Tailwind config, or theme file depending on stack).
Configuration: TASKSDESIGN_REVIEW
Derived from the skill's own SKILL.md documentation · extracted 2026-07-23
design-flow FAQ
What does the design-flow skill do?
Run the full design-to-build workflow as a guided sequence. Orchestrates all designer skills in order, from grilling through review. Use when user wants to go through the complete design process, start a project from scratch, run the full flow, or mentions "design flow" or "full workflow". "Run the full design flow" "Walk me through the complete process for a new project"
What does design-flow require?
Produces: Token file (CSS variables, Tailwind config, or theme file depending on stack). Configuration keys: TASKS, DESIGN_REVIEW.
How do I install design-flow?
Run: npx -y skills add https://github.com/julianoczkowski/designer-skills --skill design-flow --agent claude-code — the source lives at github.com/julianoczkowski/designer-skills.
Maintain design-flow?
Let people know it's listed here — add the badge (live metrics, light/dark aware) or a plain link to your README or docs.
[design-flow on getagentictools](https://getagentictools.com/skills/julianoczkowski-designer-skills-design-flow?ref=badge) npx agentictools info skills/julianoczkowski-designer-skills-design-flow The second line is the CLI lookup for this page — handy in READMEs and docs.
