Get 20% off your Mobbin subscription: #ad
Most Claude skills don’t do much for design work. In this video, I show the seven I actually use on real projects, what each one fixes, and which one I’d install first.
You’ll also see the taste skill’s design read and pre-flight checklist, Impeccable’s critique and live mode, Mobbin’s redesign-screen workflow, and a before and after on the same landing page.
Install commands:
taste: npx skills add –skill design-taste-frontend
Impeccable: npx impeccable install
Mobbin: /plugin marketplace add mobbin/skills then /plugin install mobbin@mobbin
pick-ui-library: npx skills add –skill pick-ui-library
transitions.dev: npx skills add Jakubantalik/transitions.dev
Web design guidelines: npx skills add vercel-labs/agent-skills –skill web-design-guidelines
frontend-design: /plugin install frontend-design@claude-plugins-official
Impeccable’s AI pattern gallery:
My AI design patterns video: [AI DESIGN PATTERNS VIDEO LINK]
👉🏼 My AI for Designers guide (FREE):
📩 Business:
griffin@griffinwooldridge.com
🌐 Connect with me!
🔥 My top tools (some are affiliate links – thank you!):
Mobbin –
Claude Code –
Framer –
Granola –
Anything –
0:00 Intro
0:18 What a Skill Is
0:41 1. taste
1:50 2. Impeccable
3:06 3. Mobbin redesign-screen
4:39 4. pick-ui-library
5:33 5. transitions.dev
6:24 6. Web Design Guidelines (Vercel)
7:11 7. frontend-design
7:49 Which to Install First
#claudeskills #aidesign #claudecode #uidesign #productdesign
コメント