image-to-code

Elite image-to-code skill for Codex. For visually important web tasks, it must first generate the design image(s) itself, deeply analyze them, and 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 rather than cropping old assets; avoid lazy under-generation; avoid cards-inside-cards-inside-cards UI; and keep the hero clean, spacious, readable, and visible on a small laptop.