The Ultimate AI Workflow for Web Design (Beautiful Landing Pages)

Try Cookiebot for Free: https://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: https://github.com/anthropics/claude-code/blob/main/plugins/frontend-design/skills/frontend-design/SKILL.md
Web-design-guidelines: https://github.com/vercel-labs/agent-skills/blob/main/skills/web-design-guidelines/SKILL.md

📩 Business:
griffin@griffinwooldridge.com

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

🔥 My top tools (some are affiliate links – thank you!):
Mobbin – https://mobbin.com/griffin
Anything – https://anything.link/griffin-wooldridge
Framer – https://framer.link/griffin-wooldridge
Granola – https://go.granola.ai/griffin-wooldridge
Base44 – https://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