Plan design
Generate a structured design plan markdown that respects the constraints in dragoon.json (spacing grid, type ratio, palette, font families). Forces a screens-and-flows breakdown, accessibility plan, responsive plan, and design review checklist gated on /critique and /slop. Use after /brief or before any UI work. Output goes to .dragoon/plans/plan-design-{slug}-{date}.md. Defaults to dry-run; pass --apply to write. Run as `node ~/.claude/skills/dragoon/skills/plan-design/scripts/plan-design.js "<idea>"`.From its SKILL.md
npx -y skills add Dragoon0x/dragoon-skills --skill plan-designAssembled from the repository path, not quoted from the project. Check it against their README if it does not work.
2 things to look at
- 4 stars4 stars. Stars are a popularity signal and not a quality one, but at this level it is likely that nobody has read this closely except its author, and you would be relying on your own review.
- runs commandsInstructs the agent to run 3 commands, including `node ~/.claude/skills/dragoon/skills/plan-design/scripts/plan-design.js "<idea>"` and 2 more.
SKILL.md
1.3 KB, 198 tokens by cl100k_base, as published. Nobody here has run it
/plan-design
Generates a design plan template with your codebase's design constraints pre-loaded.
When to use
- After /brief, before any UI implementation
- The user asks for "a design plan", "a design doc", "wireframes plan"
- Any feature that adds new screens or flows
Output sections
- constraints (auto-loaded: grid, type ratio, palette, font families)
- the moment that matters (one sentence)
- screens & flows (entry, success, empty, error, loading)
- new tokens needed (colors, spacing, motion, typography)
- accessibility plan (keyboard, focus, screen reader, contrast, motion)
- responsive plan (mobile, tablet, desktop)
- review checklist (gated on /critique 80, /slop --severity high)
Run it
dragoon plan-design "add user invites"
dragoon plan-design "add user invites" --apply
What ships with it: 1 file
263 B alongside SKILL.md, 1 of them executable
scripts/
- plan-design.jsruns263 B