Apr 19
Loading video player...
🌍 COMMUNITY https://www.skool.com/automatable/about 📝 BLUEPRINTS https://www.skool.com/automatable-free/classroom/6ca29126?md=ef8abf715ec844b0b6efe8f38d541c9a 🔗 Claude Design: https://claude.ai/design 📚 SUMMARY Claude Design launched 24 hours ago and already has 49+ million views on Anthropic's launch post — every refresh adds another 400K. People are building insane websites with it. In this 19-minute walkthrough I build a full 5-page marketing website using Claude Design + Claude Code — every page on-brand, GSAP animations baked in, handed off and deployed live to the internet. Zero Figma. Zero Canva. Zero designer. ⌛ TIMESTAMPS 0:00 - Intro: Claude Design Is Everywhere 0:46 - Access Claude Design + Create Design System 1:09 - Free Design System Library (68 Brands) 2:26 - Your Custom Design System Is Ready 2:56 - Build The 5-Page Website In Claude Design 3:50 - Use Dribbble For Layout Structure 5:32 - Review + Edit The Generated Pages 7:16 - Bonus: Animated Motion Graphics 8:34 - Hand Off To Claude Code 10:11 - Convert To Next.js + Add GSAP Animations 11:58 - Live Preview With Animations Working 13:20 - Deploy To GitHub + Vercel 15:26 - Custom Domain Setup 16:00 - Final Thoughts 📣 SOCIAL MEDIA • Instagram → https://instagram.com/jono_catliff • TikTok → https://www.tiktok.com/@jonocatliff • LinkedIn → https://www.linkedin.com/in/jonocatliff/ • X → https://twitter.com/@jonocatliff 📺 RELATED VIDEOS • Full crash course on Make.com → https://youtu.be/hinLebdX8aM • Full crash course on n8n →https://youtu.be/AURnISajubk • 11 Favourite Make.com automations → https://youtu.be/dIH1F1WlE84 • 12 Favourite n8n automations → https://youtu.be/uQGT2K26W84 🎯 1:1 CONSULTING Book a time → https://jonocatliff.com/consultation 🚀 AUTOMATION AGENCY Get help with your business → https://www.automatable.co 🔗 LINKS (some of these make me money - thanks in advance!) • n8n → https://jonocatliff.com/n8n • Make.com → https://jonocatliff.com/make • Go High Level → https://jonocatliff.com/gohighlevel • Apify → https://jonocatliff.com/apify • Skool → https://jonocatliff.com/skool • Zapier → https://jonocatliff.com/zapier • PandaDoc → https://jonocatliff.com/pandadoc • Apollo → https://jonocatliff.com/apollo • ManyChat → https://jonocatliff.com/manychat • Vapi → https://jonocatliff.com/vapi • PhantomBuster → https://jonocatliff.com/phantombuster • ClickUp → https://jonocatliff.com/clickup • ElevenLabs → https://jonocatliff.com/elevenlabs • Upwork → https://jonocatliff.com/upwork • Instantly.ai → https://jonocatliff.com/instantly • Airtable → https://jonocatliff.com/airtable 👋 ABOUT ME Hey everyone, my name is Jono. I run a 7-figure service business that offers DJ, photo, video services (#1 largest in Canada), and spent years figuring out how to automate every part of it (and hired the roles that I couldn't). Conservatively, I used to work 80+ hours per week, before sunrise till long after sunset; missing gatherings, family events and everything in between. Through automation though, I was able to replace my job. My goal is to help share what worked for me, in a dream of helping others find true success with their passion. Please subscribe, like and comment below if you have any questions! Thank you 😊 #ClaudeDesign #ClaudeCode #Anthropic #AIWebDesign #Opus47