Does anyone know of a training course step by step that can walk me through how to build websites using Claude Code. Similar to what this guy has done. https://youtu.be/gWNFna6fgS8?si=bgqjC8OzogkHulbi

Heck out this for coding https://claudiacode.com/

From Sketch to Production ## Overview This workflow represents a fully integrated AI development pipeline that handles everything from initial concepts to deployed applications using orchestrated AI tools and MCPs (Model Context Protocol servers). ## The Stack ### **Core AI Tools** - **Claude Desktop** - Ideation, design planning, and implementation specification - **Claude Code CLI** - Autonomous development with design review integration - **Warp AI** - Terminal automation, quick coding, and macOS integration ### **Design Pipeline** - **Sketch/Wireframe** → **Claude Desktop** → **Figma Make** → **Production Design** - **Figma MCP** - Design inspection and code generation guidance ### **Development MCPs** - **Context7** - Real-time library documentation and current best practices - **Playwright** - Live UI testing, screenshots, and interaction validation - **Design Review Agent** - Professional-grade UI/UX evaluation ### **Data Integration** - **FileMaker MCP** - Campaign and client data - **PostgreSQL/Supabase MCPs** - Project-specific database selection - **Vector Supabase MCP** - Shared project memory across all AI tools ## The Workflow ### **1. Ideation to Design** ``` Rough Sketch → Claude Desktop Refinement → Figma Make → Clean Design ``` Claude Desktop bridges concepts and execution, translating ideas into actionable design specifications. ### **2. Design to Code** ``` Figma Design → Claude Desktop Prompt Generation → Claude Code CLI Implementation ``` Highly effective prompt translation eliminates design-code disconnect. ### **3. Development Execution** - **Context7** ensures current library usage - **Database MCPs** provide real data integration - **Playwright** validates UI with live testing - **Vector memory** maintains context across tools ### **4. Quality Assurance** - **Design Review Agent** provides systematic UI/UX validation - **Style guide compliance** ensures consistency - **Multi-viewport testing** guarantees responsiveness

My main project has been trying to rebuild my website proveworth.com from scratch using Claude Code as a completely nontechnical person. My reasoning is that I want to offer more features like being able to host your own page and have customers be able to submit reviews, like a Yelp but more for communities. I bought the 100$ Claude Max plan and have been chipping away at it every day. It's been frustrating getting the 'You're absolutely right!' as someone who is just barely starting to learn to code, but between switching back and forth between ChatGPT and Claude Code, there has definitely been progress made. So far the biggest unlock has been learning that CC can't actually design well, much less see well. So learning that you can hook up a design based Model Context Protocol inside of the system that can help with the design process feels like a big unlock. I'd love to learn more about what you're experimenting with and what use cases you're finding out in the wild!

Is anyone using Claude Max Opus 4.1? What is your review?