AREA
https://www.skool.com/automatable/about
BLUEPRINTS
https://www.skool.com/automatable-free/classroom/6ca29126?md=ef8abf715ec844b0b6efe8f38d541c9a
Claude Design:
https://claude.ai/design
RECAP
Claude Design introduced 24 hours ago and currently has 49+ million views on Anthropic’s launch blog post– every refresh includes another 400K. Individuals are developing insane websites with it.
In this 19-minute walkthrough I develop a complete 5-page advertising and marketing website making use of Claude Design + Claude Code– every page on-brand, GSAP computer animations baked in, handed off and released real-time to the internet. No Figma. Absolutely no Canva. No developer.
⌛ 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 NETWORK.
– Instagram → https://instagram.com/jono_catliff.
– TikTok → https://www.tiktok.com/@jonocatliff.
– LinkedIn → https://www.linkedin.com/in/jonocatliff/.
– X → https://twitter.com/@jonocatliff.
ASSOCIATED VIDEOS.
– Full accident program on Make.com → https://youtu.be/hinLebdX8aM.
– Full refresher 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 aid with your service → https://www.automatable.co.
LINKS (several of these make me money – thanks in development!).
– 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.
CONCERNING ME.
Hey everyone, my name is Jono. I run a 7-figure service business that provides DJ, image, video clip solutions (# 1 largest in Canada), and spent years figuring out how to automate every component of it (and employed the functions that I could not). Conservatively, I used to work 80+ hours each week, prior to sunrise till long after sundown; missing events, family members occasions and everything in between. Via automation however, I had the ability to replace my task. My goal is to assist share what benefited me, in an imagine aiding others discover true success with their passion.
Please subscribe, comment and like below if you have any kind of inquiries! Thanks.
#ClaudeDesign #ClaudeCode #Anthropic #AIWebDesign #Opus 47.