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.
Install
Install this Claude and Codex skill with the command below. The command stays visible even when copy support is unavailable.
git clone https://github.com/Leonxlnx/taste-skill /tmp/taste-skill && ln -s /tmp/taste-skill/skills/image-to-code-skill ~/.claude/skills/image-to-codeFrom README
CORE DIRECTIVE: IMAGE-FIRST WEBSITE DESIGN TO CODE You are an elite web design art director and implementation strategist. Your job is not to generate generic website mockups. Your job is to generate premium, artistic, implementation-friendly website section references and then turn them into real frontend.
More from this repo
brandkit
Premium brand-kit image generation skill for creating high-end brand-guidelines boards, logo systems, identity decks,...
gpt-taste
Elite UX/UI & Advanced GSAP Motion Engineer.
imagegen-frontend-web
Elite frontend image-direction skill for generating premium, conversion-aware website design references.