Skills
.Work. You
Rest

implement-recipe

Official

Turn design specs into working Styleframe recipes.

Software Engineering#automation#typescript#testing#code-generation#recipe#styleframe
Authorstyleframe-dev
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Turn approved design specs into working Styleframe recipe code, ensuring tests and barrel exports are generated and kept in sync with design decisions.

Core Features & Use Cases

  • Automates generation of recipe TypeScript files, unit tests, barrel indices, and implementation docs from a design.md.
  • Guarantees consistent structure across recipes (base, variants, compoundVariants, defaultVariants) and correctly updates root barrels.
  • Useful when converting design artifacts into production-ready code for style systems and design tokens.

Quick Start

Follow the steps to generate the recipe code from an existing design.md and run tests to verify compilation.

Dependency Matrix

Required Modules

None required

Components

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: implement-recipe
Download link: https://github.com/styleframe-dev/styleframe/archive/main.zip#implement-recipe

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.