Design To Code
Translate Figma or mockup specs into responsive, accessible frontend components that match spacing, typography, color tokens, and interaction states.
npx skills add https://github.com/davila7/claude-code-templates --skill design-to-code| Installs | 127 |
|---|---|
| Repository | davila7/claude-code-templates ↗ |
Related skills
Web Design GuidelinesRun a fresh, Vercel-aligned UI and accessibility review on specific frontend files before you ship or merge polish work.398k27.7k
Lark WhiteboardTag when generating Lark whiteboard documents with frames, connectors, and routing rules without schema errors from misplaced connector nodes.244k
Sleek Design Mobile AppsDesign mobile app screens and manage Sleek projects via REST API using natural-language prompts and screenshots.238k422
Ui Ux Pro MaxGive your coding agent structured UI/UX intelligence—palettes, typography, patterns, and stack-specific guidance—when you ship web or mobile interfaces without a dedicated designer.222k88.7k
ImpeccableRedesign or polish dashboards, landings, forms, and components with UX critique, a11y, motion, and live browser iteration.164k35.9k
Design Taste FrontendShip polished React/Next.js UIs with explicit design-variance, motion, and density knobs; enforce dependency checks, RSC defaults, and metric-driven layout instead of generic LLM styling.159k37.9k