@leonxlnx/image-to-code

Elite website image-to-code skill for Codex. For visually important web tasks, it must first generate the design image(s) itself, deeply analyze them, then implement the website to match them as closely as possible. In Codex, it must prefer large, readable, section-specific images instead of tiny compressed boards, generate fresh standalone images for sections or detail views instead of cropping old ones, avoid lazy under-generation, avoid cards-inside-cards-inside-cards UI, and keep the hero clean, spacious, readable, and visible on a small laptop.

View in AI SkillSafe app
139152 downloads
0 stars
0 demos
SKILL.md

Embed badges

Add these to your README to show the skill's verification status.

SkillSafe verified badge
Verified badge
[![SkillSafe verified badge](https://api.skillsafe.ai/v1/badge/@leonxlnx/image-to-code/verified)](https://skillsafe.ai/skill/@leonxlnx/image-to-code/)
Installs badge
Installs badge
[![Installs badge](https://api.skillsafe.ai/v1/badge/@leonxlnx/image-to-code/installs)](https://skillsafe.ai/skill/@leonxlnx/image-to-code/)
Scan badge
Scan badge
[![Scan badge](https://api.skillsafe.ai/v1/badge/@leonxlnx/image-to-code/scan)](https://skillsafe.ai/skill/@leonxlnx/image-to-code/)
Eval pass rate badge
Eval pass rate
[![Eval pass rate badge](https://api.skillsafe.ai/v1/badge/@leonxlnx/image-to-code/eval)](https://skillsafe.ai/skill/@leonxlnx/image-to-code/)