Image to code
Studies an approved screenshot or concept image, works out its visual and responsive system, and builds the frontend to match it faithfully.
When to use it
- You have a screenshot or mockup to turn into code.
- An approved concept must be implemented without drifting.
- You want the responsive behaviour worked out from a static image.
It won’t replace an approved reference with a newly generated design.
A practical example
You ask
“Build this landing page screenshot as a responsive Astro page.”
Your agent does
It extracts spacing, type and colour from the image, then builds the page and checks it at phone and desktop widths.
What gets installed
The whole folder is copied, so scripts, references and any license notices stay together.
- LICENSE.txt1,065 bytes
- references/implementation-and-extraction.md24,774 bytes
- SKILL.md15,390 bytes
Credit and license
Adapted from Leonxlnx’s taste-skill collection. It’s shared under the MIT License, and the license file is installed with it however you choose to install.