managing-design
Installation
SKILL.md
Managing Design
Skill collection for visual styling, Google Stitch handoff, Figma Make showcase prompts, and Claude Design phased pass folders. Works in any environment where the agent can read and write repository files.
Overview
Creates visual style guides, Google Stitch handoff files (design.md, prompt.md), self-contained Figma Make showcase prompts, and ordered Claude Design prompt folders from PRD/FRD, user stories, and UI specs.
Output formats
| Recipe | Output | Structure |
|---|---|---|
| creating-style-guide.md | Standalone style guide (chat or file) | assets/style-guide.md — 9 sections, shadcn-oriented tokens |
| creating-stitch-design.md | design.md on disk |
assets/design.md — official Stitch DESIGN.md spec |
| creating-stitch-prompts.md | design.md + prompt.md on disk |
design.md via creating-stitch-design; prompt.md = assets/prompt.md |
| creating-figma-showcase-prompt.md | Figma Make prompt on disk | assets/figma-showcase-prompt.md — self-contained; Components + Screens pages |
| creating-claude-design-prompts.md | Folder under design/prompts/claude-design/<slug>/ |
Guide + 00-design-system + numbered pass files from claude-design-guide.md / claude-design-pass.md |
Stitch handoff flow: style guide (internal) → design.md (official spec). creating-stitch-design.md parses the style guide and transforms it into YAML front matter plus canonical markdown sections.