Topic · Frontend & Design
Best design to code skills, page 3
Design to code skills, ranked
Ranked by score. Sort bymost stars,trending,newest,recently updated
| # | Skill | Repository | Stars | Used in | Tokens | Auto-check | Licence | Updated |
|---|---|---|---|---|---|---|---|---|
| 97 | 97.Figma Integrate with Figma API for design automation and code generation. | hoodini/ | 281 | — | ~4.5k | Automated safety check: Pass | No licence | 2 mo ago |
| 98 | 98.Plan Plan before tackling complex tasks (3+ implementation steps or architecture decisions involved). | jh941213/ | 126 | — | ~343 | Automated safety check: Pass | No licence | 2 mo ago |
| 99 | Discover all visual states of a component by interactively exploring the production baseline page — not by reading story files. | bitovi/ | 121 | — | ~2.7k | Automated safety check: Pass | MIT | 27 days ago |
| 100 | 100.Design To Code Mockup-to-component pipeline using Google Stitch, 21st.dev, and Storybook MCP. | yonatangross/ | 289 | — | ~4.4k | Automated safety check: Notes | MIT | today |
| 101 | Reference for the Storybook MCP server itself (@storybook/addon-mcp): 6 tools across 3 toolsets (dev, docs, testing), availability detection, and per-agent toolset filtering. | yonatangross/ | 289 | — | ~1.5k | Automated safety check: Pass | MIT | today |
| 102 | 102.UI Implementer Implements UI components from scratch based on design references (Figma, screenshots, mockups) with intelligent validation and adaptive agent switching. | MadAppGang/ | 284 | — | ~3.3k | Automated safety check: Notes | MIT | 6 mo ago |
| 103 | 103.Replica Same-design migration — re-platform a site to AEM Edge Delivery (or any clean front end) keeping its current design near pixel-perfect. | adobe/ | 196 | — | ~8.9k | Automated safety check: Pass | Apache-2.0 | today |
| 104 | 104.Frontend UI UX Designer-turned-developer who crafts stunning UI/UX even without design mockups. | ArabelaTso/ | 253 | — | ~809 | Automated safety check: Pass | Apache-2.0 | 1 mo ago |
Explore related skills
More topics in Frontend & Design
- Accessibility1,033
- Design systems836
- UI design478
- Landing pages460
- React components455
- Internationalization414
- Typography397
- Design tokens395
- Frontend development360
- CSS and styling352
- Theming and dark mode337
- Web performance316
- HTML artifacts277
- State management276
- Static sites and blogs268
- UX design265
- Responsive design261
- Web animation and motion190
- Forms and validation180
- Icons and illustration64