Uploaded June 2026 | Updated September 2026, 18 minutes ago

---

Today, I break down 3 installable Claude skills that take your workflow from a basic UI generator into a real design-to-production pipeline!

You'll see a skill that gives you eight aesthetic variants with art-director-style dials, one that scrapes any public website into real design tokens, and Superpowers, the most-starred skills framework on GitHub that forces the agent through proper planning before it writes a line of code. Every skill works whether you're in Claude Chat, Claude Code, Codex, or Cursor

Get 20% off your Mobbin subscription: mobbin.com/griffin

👉🏼 Skills mentioned:
Taste: https://www.tasteskill.dev/
Extract Design System: github.com/arvindrk/extract-design-system
Superpowers: github.com/obra/superpowers

📩 Business:
griffin@griffinwooldridge.com

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

🔥 My top tools (some are affiliate links – thank you!):
Mobbin – mobbin.com/griffin
Claude Code: claude.ai/referral/QKgwnTDdgw
Framer – framer.link/griffin-wooldridge
Granola – go.granola.ai/griffin-wooldridge
Anything – anything.link/griffin-wooldridge

00:00 – Intro
00:50 – Taste Skill
06:23 – Extract Design System
09:23 – Superpowers
12:14 – Outro

#aidesign #uidesign #aitools #vibecoding