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.
Triggers
The picker matches these prompts to the skill. Copy one and adapt it to your brief.
image to codereference image to frontendgenerate then codevisual implementation
Example prompt
Use image-to-code: create or analyze visual references first, then implement a responsive website artifact that matches the reference direction closely.