Image2Code

Create complete image-led UI design packs, screenshot-to-HTML prototypes, and implementation handoffs for web, desktop, mobile, and native apps. Use when Codex should act like a product UI designer and UI engineer — gather screenshots and repository context, generate multiple Codex image mockups, review and refine them, write a code-ready markdown spec, save everything inside the project, implement an existing image pack with browser/simulator/device screenshots, or convert one or more images/screenshots into a high-fidelity HTML/CSS/JS prototype with component naming and visual verification. Trigger for requests about Image2Code, image2HTML, screenshot-to-HTML, "图片转HTML", "设计稿", "界面重构", "视觉重构", image-based design specs, screenshot-to-redesign workflows, new product UI concepts, old project UI modernization from screenshots, iPad/iPhone/native app UI polish, or one-to-one implementation from generated design images.