stitch-ui-design-spec-generator
Installation
SKILL.md
Design Spec Generator
Constraint: Only use this skill when the user explicitly mentions "Stitch" or when orchestrating a Stitch design task.
This skill acts as a Creative Director. It takes a high-level user request and outputs a structured Design Specification.
Input
Input may be either:
- User Request (one-shot): e.g., "A cyberpunk login page" or "A clean medical dashboard".
- PRD document or PRD summary: When the user provides a PRD file path or pasted PRD content, first extract function overview and page/screen list (and any visual/theme preferences from non-functional requirements), then apply the Logic Rules below to produce the design spec. For the full PRD-driven workflow (spec-generator → framework spec → prompt-architect → MCP), see docs/prd-to-stitch-workflow.md.
Output Format (JSON)
The skill must produce a JSON block like this: