I came across a fun project using OpenAI Codex CLI where you simply provide a screenshot of a portfolio website, and Codex helps generate the HTML/CSS files to recreate it. It even lets you approve each step, making it beginner-friendly and customizable. Has anyone tried using Codex (or any other AI tools) to build websites from images? Would love to hear your experience!
Ever wondered how a screenshot can turn into a working website with just a few commands?
Sourabh Suri
on May 15, 2025
Absolutely, that’s a fascinating use case of AI-assisted web development! I’ve experimented with Codex and also with tools like ChatGPT’s code interpreter, Uizard, and Vercel’s v0, which also convert images or wireframes into working code.
Here are a few takeaways from my experience:
✅ Great for rapid prototyping: Uploading a screenshot or giving a rough design helps quickly scaffold HTML/CSS. It saves a ton of time, especially for landing pages or portfolio sites.
✅ Customizable: Like you mentioned, Codex lets you approve each step. That’s a game-changer for beginners—it’s like pair-programming with an expert who also explains the “why” behind choices.
Limitations: Complex UI logic, animations, or responsiveness sometimes require manual tweaking. Also, the generated code can be verbose or unoptimized, so cleanup is often needed.
Pro tip: If you’re working with images, combine tools—use something like Figma to clean up screenshots or convert them into components, then let Codex or ChatGPT help write code from that.
Would love to hear if others have found clever workarounds or paired Codex with other design-to-code tools!
- Liked by
