Uploaded June 2026 | Updated September 2026, 1 day ago

---

Try Cookiebot for Free: usercentrics.sjv.io/griffinwooldridge #ad

Learn the exact Claude Code workflow for building websites that look like they cost $10,000 - no coding experience required. This tutorial covers everything from installing Claude Code and leveling it up with free design skills, to generating custom AI images with ChatGPT Images 2.0, and going live for free on Netlify. You'll also learn how to add cookie consent the right way with Cookiebot so your site is compliant. If you want to build premium websites with AI without touching a page builder, this is the workflow.

Skills:
Frontend-design: github.com/anthropics/claude-code/blob/main/plugins/frontend-design/skills/frontend-design/SKILL.md
Web-design-guidelines: github.com/vercel-labs/agent-skills/blob/main/skills/web-design-guidelines/SKILL.md

📩 Business:
griffin@griffinwooldridge.com

🌐 Connect with me!
instagram.com/griffinwooldridge1
tiktok.com/@griffin.wooldridge1
facebook.com/griffinwooldridge1
linkedin.com/in/griffinwooldridge
x.com/GriffinWDesigns
griffinwooldridge.com

🔥 My top tools (some are affiliate links – thank you!):
Mobbin – mobbin.com/griffin
Anything – anything.link/griffin-wooldridge
Framer – framer.link/griffin-wooldridge
Granola – go.granola.ai/griffin-wooldridge
Base44 – base44.pxf.io/c/6539388/2477538/25619?sharedid=griffin&trafcat=hp

00:00 – Intro
01:48 – Setup
03:35 – First prompt
05:50 – Lo-fi to Hi-fi
08:57 – Images
11:16 – Review
12:46 – Web Design Guidelines
14:46 – Recap

#aidesign #uidesign #aitools #vibecoding