MENU

Claude Skills for Designers (Ban AI Slop Forever)

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

元動画はこちら:https://www.youtube.com/watch?v=ia8xgSqqQ_0

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

この記事を書いた人

コメント

コメントする

目次