How to Build ACTUALLY Beautiful Websites With Claude Design & Claude Code

Description

🚀 Join my community for AI builders @ https://www.skool.com/aiapps/about 🛠️ Work with me to make $5-50k+ with your app @ https://calendly.com/chris-ashby/appstudio 💡 Get 250+ validated app ideas and the prompts to build FREE @ https://readytobuild.app/ Anthropic dropped Claude Design a few days ago and the fallout in the design industry has been immense, including millions wiped off Figma and Adobe stocks. But what does using Claude Design look like for actual workflows, and how do you get design from Claude Design into a code project with Claude Code. In this video I break down a 15 minute workflow you can build to generate SEO pages for your website in Claude Design in your exact design system, build those pages into your website codebase, and then automate generating hundreds of pages using Claude Code Routines. This is a good one. Chapters: 00:00 Using Claude Design to create UI for an AI product. 02:19 Creating a design system from an existing website's codebase. 05:56 First look at the AI-generated design system and its components. 11:20 Reviewing the stunning high-fidelity webpage generated by AI. 15:33 Handing off the design from Claude Design to Claude Code for implementation. 20:20 Live demo of the final webpage running locally after being built by Claude Code. 22:22 Automating SEO page creation using Claude Code Routines. Follow on social: https://www.linkedin.com/in/ashbychris/ https://x.com/chris_bgp https://www.instagram.com/build.greatproducts/