Agent skill · design visual · julianoczkowski
design-flow
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".
Why this skill is useful
Orchestrates a comprehensive design workflow with specific phase instructions and outputs that the AI wouldn't generate on its own.
What it needs
About 4k tokens when loaded. Last updated 2026-07-06. 492 stars on the source repository.
What this skill does
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 Rules 1. At the start, tell the designer what the full sequence looks like (phases 1-6, with review available separately) and ask if they want to skip any phases. Common skip patterns: Already have a clear idea → skip grill-me Single component, not a full page → skip information-architecture Existing project with tokens → skip design-tokens 2. Before each phase, announce which phase you are entering and what it will produce. Example: "Phase 2: Design Brief. I'll interview you about the project and produce a DESIGNBRIEF.md file. Ready?" 3. During each phase, read the corresponding SKILL.md file and follow its full instructions. Do not summarize or abbreviate the skill. Run it properly. 4. After each phase, summarize what was produced (the file name, the key decisions, any open questions) and ask: "Ready to move to the next phase?" Wait for confirmation. 5. Between phases, check if the output from the previous phase changes anything about the next phase. For example, if the brief names a philosophy, mention that the tokens phase will use it. 6. The designer can stop at any point. If they say "that's enough for now," summarize where they are in the sequence and what the next phase would be when they return. Phase Details Phase 1: Grill Me Read the grill-me skill (grill-me/SKILL.md) and follow its instructions. Produces: Shared understanding of the project. No file output. Transition: "We've resolved the key decisions. …
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills julianoczkowski/design-flow