Installs into .claude/skills of the current project.
Are you the author of image-to-code-skill?
Add the live security badge to your README. It updates with every re-scan.
[](https://www.skillsdirectory.com/skills/adiprmx-image-to-code-skill)
---
description: Generates the design images first, analyzes them deeply, then implements
the website to match as closely as possible.
name: image-to-code-skill
---
# Image-first website design to code - retired
This skill has been consolidated into `local_frontend_image_direction`.
Preserved method: generate the design images first, deeply analyze and extract text, typography, spacing, buttons, colors, and layout from each image, then implement the frontend to match the references closely without drifting into generic coded layouts.
## Available connectors
Use `muse.connector_search` to find the current connector docs before following recovered instructions.