design-to-component-translator

Converts Figma/design specifications into production-ready UI components with accurate spacing, typography, color tokens, responsive rules, and interaction states (hover, focus, disabled, active). Gen

by patricio0312rev· Repository·design

Run in AgentArea Browse All Skills

Also installable via skills CLI

npx skills add patricio0312rev/skillset/templates/frontend/design-to-component-translator

Source

Repo:SkillsMP + GitHub Raw

Path:templates/frontend/design-to-component-translator(main)

Related in design

add-uint-support

Add unsigned integer (uint) type support to PyTorch operators by updating AT_DISPATCH macros. Use when adding support for uint16,...

skill-writer

Guide users through creating Agent Skills for Claude Code. Use when the user wants to create, write, author, or design a new Skill...

frontend-design

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web...