Back to Skills

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 cl

99,357stars11,492forksUpdated 10/4/2026

Security Assessment

Safe(100/100)
Security Score100/100
Detailed description not yet generated. View the SKILL.md tab for raw content.

All Files

2 files
LICENSE1.0 KB
View
SKILL.md36.1 KB
View

Install image-to-code

Download and extract the skill files to your .claude/skills/ directory.

Quick Setup:

  1. Copy the skill folder to .claude/skills/
  2. Claude will automatically detect and use the skill