design-to-component-translator

SKILLFlujo de trabajocomunidad
v0.0.0patricio0312revMITActualizado hace 7 mFuente →

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 →
56Estrellas del repo
1Clientes
1Formatos
hace 7 mÚltima actualización
Skill
Autorpatricio0312rev
Versión0.0.0
LicenciaMIT
CategoríaFlujo de trabajo
Formatosskill.md
PromptNo publicado
Compatibilidad
Claude✓ Compatible
Cursor
Copilot
ChatGPT
Gemini
Acerca de

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".

Palabras clave
skillclaude