Using Voice Commands to Code an Entire Website with AI
In this video, I'm taking you behind the scenes as I use Anthropic's Claude AI, specifically the Claude Code assistant, to finish a real estate website for a client. You'll see my full workflow, using voice commands inside of VS Code to interact with the AI, ask it to make changes, debug issues, and even refactor the code for better consistency.
Is AI ready to replace junior developers? Watch the full, uncut process and decide for yourself. We'll cover everything from fixing CSS padding and button styles to implementing sticky elements and creating entire new page sections. This is what modern web development with an AI partner actually looks like.
TIMESTAMPS:
00:00 - Intro: Building a Website with an AI Coder
00:31 - Project Overview: The Client Website
00:38 - My AI Development Environment (Claude in VS Code)
01:20 - Giving Claude the First Task (Voice Command)
10:27 - Debugging Design Inconsistencies with AI
29:29 - Fixing a Sticky Image on the About Page
38:45 - Consolidating Button Styles Across the Site
49:40 - Adding New Sections and Pages
57:40 - Using AI for Design Ideation
If you're building with AI, let me know what your workflow looks like in the comments below! And don't forget to like and subscribe for more live AI coding sessions.