design-recipe
OfficialTurn research into approved design recipes.
Design & Creative#design#documentation#design-patterns#design-systems#recipe#component-design#css-in-typescript
Authorstyleframe-dev
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Turn research notes into a user-approved design blueprint for Styleframe recipes.
Core Features & Use Cases
- Classifies recipes by color pattern (Full/Container/Minimal) and variant-style pattern (Interactive/Display/Container), selects a base-style template, and documents the chosen pattern.
- Defines variant axes, selects a compound-variant strategy, sets defaults, and enumerates sub-recipes for multi-part components.
- Ensures user approval before writing the design artifact to .context/recipe-<component-name>/design.md.
Quick Start
Read the research in .context/recipe-<component-name>/research.md and run the design step to generate the approved design at .context/recipe-<component-name>/design.md.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: design-recipe Download link: https://github.com/styleframe-dev/styleframe/archive/main.zip#design-recipe Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.