Agent Skills: design-to-code

Mockup-to-component pipeline using Google Stitch, 21st.dev, and Storybook MCP. Accepts a screenshot, a description, or a URL and produces production-ready React components, checking existing Storybook components before generating anything new. Use when implementing UI from a mockup or screenshot. To call the MCP tool surface on its own, with no design to convert, use storybook-mcp-integration.

workflow-automationID: yonatangross/orchestkit/design-to-code

Author

yonatangross

https://github.com/yonatangross View all skills

Repository

yonatangross/orchestkit

yonatangrossLicense: MIT

28134

Install this agent skill to your local

pnpm dlx add-skill https://github.com/yonatangross/orchestkit/design-to-code

Skill Files

Browse the full folder contents for design-to-code.

Download Skill

Loading file tree…

Select a file to preview its contents.