design-to-component-translator

SKILLWorkflowcommunauté
v0.0.0patricio0312revMITMis à jour il y a 7 moisSource →

Converts Figma/design specifications into production-ready UI components with accurate spacing, typography, color tokens, responsive rules, and interaction states (hover, focus, disabled, active). Generates Tailwind/shadcn code with design system tokens mapping. Use when translating "Figma to code",

Community-submitted skill. Not yet reviewed by the Forge team. Full prompt content may not be available.Request review →
56Étoiles du dépôt
1Clients
1Formats
il y a 7 moisDernière mise à jour
Skill
Auteurpatricio0312rev
Version0.0.0
LicenceMIT
CatégorieWorkflow
Formatsskill.md
PromptNon publié
Compatibilité
Claude✓ Pris en charge
Cursor
Copilot
ChatGPT
Gemini
À propos

Converts Figma/design specifications into production-ready UI components with accurate spacing, typography, color tokens, responsive rules, and interaction states (hover, focus, disabled, active). Generates Tailwind/shadcn code with design system tokens mapping. Use when translating "Figma to code", "design specs to components", or "implement design system".

Mots-clés
skillclaude