design-to-component-translator

SKILLWorkflowCommunity
v0.0.0patricio0312revMITAktualisiert vor 7 Mon.Quelle →

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 →
56Repo-Sterne
1Clients
1Formate
vor 7 Mon.Letzte Aktualisierung
Skill
Autorpatricio0312rev
Version0.0.0
LizenzMIT
KategorieWorkflow
Formateskill.md
PromptNicht veröffentlicht
Kompatibilität
Claude✓ Unterstützt
Cursor
Copilot
ChatGPT
Gemini
Über

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

Schlagwörter
skillclaude