Clone Any Website with AI: VS Code + Codex Tutorial - Learn Agentic Web Dev Together
Get the prompt here: https://docs.google.com/document/d/11...
Are you ready to move beyond WordPress and dive into the world of AI-driven web development? In this video, I show you how to use VS Code and the Codex plugin to replicate a high-end website using Next.js and Tailwind CSS.
We start by setting up a local environment and feeding a detailed prompt into Codex to kickstart the build process. You will see exactly how the AI handles a reference URL and a full-page screenshot to generate a functional homepage. I walk you through the iterative process of vibe coding, where we refine the design through multiple feedback loops to fix responsiveness, add sticky headers, and correct layout errors.
KEY HIGHLIGHTS FROM THIS BUILD
🚀 SWITCHING FROM WORDPRESS TO NEXT.JS
Learn why Next.js and Tailwind are the preferred stack for modern, fast-loading websites and how to make the transition.
🤖 CODEX AI INTEGRATION
Discover how to use the Codex plugin inside VS Code to generate code without running up massive API charges.
🔄 THE ITERATIVE FEEDBACK LOOP
Watch as I prompt the AI to fix hallucinations, adjust font styles, and ensure the website matches the original reference site as closely as possible.
🛠️ BEYOND THE BUILD
I discuss the next steps for a professional setup, including using Sanity as a CMS and Vercel for hosting your new project.
CHAPTERS
0:00 Intro and Project Stack Selection
3:15 Setting up VS Code and Codex Plugin
6:00 Crafting the Prompt and Adding Reference Assets
9:30 Starting the AI Build and Q&A Loops
13:00 First Look at the AI Generated Site
17:45 Comparing the Clone to the Original Reference
21:30 Second Pass: Fixing Hero Backgrounds and Headers
26:00 Troubleshooting AI Hallucinations and Layout Bugs
30:15 Third Pass: Refining Responsiveness and Footers
34:30 Final Review: Performance and Design Accuracy
36:45 Recommendations for CMS and Hosting
38:00 Conclusion and How to Get the Prompt
If you found this walkthrough helpful and want to see more agentic coding experiments, make sure to hit the SUBSCRIBE button and check out the prompt in the description below. Let me know in the comments what you want to see me build next!