| name | source-command-product-design |
| description | Generate working UI components and pages from a DESIGN.md — the forward-generation half of the design-systems-as-code stack. Takes a validated DESIGN.md plus a component or page spec and produces React+Tailwind, Vue, or SwiftUI code that compiles, renders, and matches the bran... |
source-command-product-design
Use this skill when the user asks to run the migrated source command product-design.
Command Template
Load and embody the skill at skills/product-design-build/SKILL.md. Also load skills/product-design-build/genius.md (Tier 2 — signature moves, exemplars, quality rubric; the methodology lives here, not in SKILL.md). Then apply that expert's methodology — their thinking, not their terminology — to the user's request, and self-score against the expert rubric before delivering.
This skill has runnable processes. Its flagship workflow is skills/product-design-build/workflows/01-component-build.md. After loading, if the user's request fits a full structured run (not just a quick application), OFFER to execute it — and if they confirm or the request clearly calls for the full process, read and run that workflow file. See the skill's 'Available Workflows' table for the other processes.
