design-to-code
design-to-code is a Design-to-code & prototyping skill for AI agents, published by yonatangross in the orchestkit repository on GitHub. Skillspace rates design-to-code B (83/100) and it passed the safety scan; the rating is based on static analysis only.
Mockup-to-component pipeline using Google Stitch, 21st.dev, and Storybook MCP. Accepts screenshots, descriptions, or URLs as input and produces production-ready React components. Checks existing Storybook components before generating, orchestrates design extraction via Stitch MCP, component matching via 21st.dev registry, adaptation to project design tokens, and self-healing verification via run-story-tests. Use when converting visual designs to code, implementing UI from mockups, or building components from screenshots.
- Grade
- B
- Quality
- 83 / 100
- Safety
- Passed
- GitHub stars
- 203
Unproven: rated by static analysis only, not yet compared head-to-head.
This rating describes the version of the repository we crawled; it may have changed since, so go by its current files.
Our review
- Architecture
- 100 / 100
- Maturity
- Packaged: licensed, with a version or references
- Security scan
- Low-risk patterns
- License
- MIT
- Adoption
- Adopted by 0 other repositories, in 0 collections
- Scope
- Portable: works in any project. General mockup-to-React pipeline adaptable to any project's design tokens
What the scanner flagged
- mentions secrets in text
Not checked yet
- Not judged on the rubric yet (not a contender in its category)
- No blind task eval yet
- Sibling files (scripts, references) not fetched; security scan covers SKILL.md only
Skillspace indexes and rates this skill; it does not host or endorse it. Run third-party skills at your own risk.