Design · Any agent
Image To Code Agent Skill
Leonxlnx’s image-first website skill (folder image-to-code-skill). Section images, then code that matches them. Use it for marketing and editorial sites where taste matters. It is not a 750px pixel-lock pipeline, and it is not the screenshot render-loop file.
Compared on Image to code . How to choose a skill
SKILL.md
The file starts with a description field. Agents keep that text in context
and open the rest of the file only when the job matches.
- name
- image-to-code
- description
- Moved to github.com/Leonxlnx/imagegen-skills. Runs only when called by name.
image-to-code (moved)
This skill now lives in its own repository, with the other image-generation skills: https://github.com/Leonxlnx/imagegen-skills
The install name did not change:
npx skills add https://github.com/Leonxlnx/imagegen-skills --skill "image-to-code"
More from leonxlnx
More in Design
- Accessibility
Audit and improve web accessibility following WCAG 2.2 guidelines. Use when asked to "improve accessibility", "a11y audit", "WCAG compliance", "screen reader…
- Accessibility Compliance
Implement WCAG 2.2 compliant interfaces with mobile accessibility, inclusive design patterns, and assistive technology support. Use when auditing accessibili…
- Algorithmic Art
Creating algorithmic art using p5.js with seeded randomness and interactive parameter exploration. Use this when users request creating art using code, gener…
- Apple Design
Apple's approach to interface design and fluid, physical motion, translated for the web. Use when building or reviewing gesture-driven UI, spring animations,…
- Brand Guidelines
Applies Anthropic's official brand colors and typography to any sort of artifact that may benefit from having Anthropic's look-and-feel. Use it when brand co…