design-image-to-code

SKILLWorkflowcommunauté
v0.0.0DKekenMITMis à jour il y a 2 moisSource →

Turn a reference image or mockup into a working local frontend that matches it closely. Inspects the image, extracts the design system (layout, type, spacing, color, components), implements it, then screenshot-compares and iterates to close the gap. Use when the user says "image to code", "build thi

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

Turn a reference image or mockup into a working local frontend that matches it closely. Inspects the image, extracts the design system (layout, type, spacing, color, components), implements it, then screenshot-compares and iterates to close the gap. Use when the user says "image to code", "build this mockup", "code this screenshot", "make this design real", or provides a UI image to implement. Par

Mots-clés
skillclaude