🌍 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
