implement-recipe

To convert a design spec into TypeScript recipe files, this Skill automates generating type-safe recipe implementations, barrel indices, and unit tests from an approved design.md. It produces structured TS files under theme/src/recipes.

Generating unit tests for design token recipes happens automatically alongside the recipe implementation. The process creates a .test.ts file within theme/src/recipes/<name>/ to verify compilation and maintain consistent recipe behavior.

The best way to keep barrel exports in sync with recipe variants is to automatically update the root barrel index when generating recipe files. This ensures base, variants, compoundVariants, and defaultVariants are consistently exported.

Yes, this recipe generation tool works without external dependencies. It operates independently to parse design.md files and output the required TypeScript recipe structures, tests, and context implementation summaries.

Creating Styleframe recipes generates a structured directory under theme/src/recipes/<name>/ containing use<Name>Recipe.ts, .test.ts, index.ts, optional sub-recipes, and an implementation.md summary in the .context folder.