Skills for Design Make Claude a better designer.
A curated directory of Claude skills, plugins and MCP servers for UI/UX and visual design. Vetted for taste, not hype.
53 hand-picked tools, updated Oct 2026
frontend-design (Anthropic)
Official Anthropic skill for distinctive production-grade frontend UI
UI UX Pro Max
Searchable design intelligence: styles, palettes, font pairings and UX rules, with a design-system generator
Impeccable
Design language and command set that makes AI harnesses better at frontend design
diagram-design
Editorial HTML/SVG diagrams in 44 types, no Mermaid slop
emilkowalski/skills
Emil Kowalski's design-engineering skills: animation, polish and UI taste
Hallmark
Anti-AI-slop design skill for Claude Code/Cursor/Codex
Huashu Design
HTML-native design skill for Claude Code
brag
Turns the project you just built into a short launch video
Figma-Context-MCP (Framelink)
MCP server giving Figma layout info to coding agents
Stitch Skills
Google Labs agent skills for the Stitch MCP server
TalkToFigma MCP
MCP integration that lets Claude Code, Cursor and Codex read and modify Figma designs
MengTo Skills (GSAP + web design)
Agent skill library for web design, GSAP motion, 3D and landing pages
baoyu-design
Runs Claude Design locally as an agent skill
design-extract
Extracts a website's design system as DTCG tokens
logo-design-skill
Logo design principles and workflow skill
awesome-design-skills
List of 67 DESIGN.md/SKILL.md design skill files
nothing-design-skill
Generates UI in the Nothing (monochrome/typographic) design language
figma-console-mcp
Figma MCP for design-system extraction/creation/debugging
Figma MCP server (official guide)
Figma's guide to its official MCP server
ux-ui-agent-skills
DTCG tokens; 52 components; WCAG 2.2 senior design architect
claude-design-system-prompt
Reverse-engineered opinionated design system prompt + skill library
beautify-github-readme
README design skill for Claude Code & Codex
MeiGen-AI-Design-MCP
Image/video generation and inspiration MCP for Claude
oil-ui
UI skill exploring distinct design directions
video-talkcraft
Motion-design studio skill for voiceover-driven videos
material-3-skill
Material Design 3 components/tokens/theming skill
apple-design-skill
UI/UX reviewer based on Apple HIG
agent-vision-toolkit
Vision tools/skills incl. frontend UI recreation from images
Claude-Code-Frontend-Design-Toolkit
Collection of skills/tools for better-looking Claude Code frontends
awesome-claude-design
Claude Design DESIGN.md prompts by aesthetic; skills; teardowns
motion-video-kit
Skill kit for premium AI-assisted business videos
styleseed
Design-method engine with 23 agent skills
rampstackco/claude-skills
Website-lifecycle skills: brand; design; content
inspo
Real websites searchable over MCP for agents to learn design
hue
Learns a brand and turns it into a design system
superdesign-skill
Design skill for coding agents against AI-slop UI
web-design (xiaopu-ai)
Spec-first web page design skill for Claude Code
ai-design-components
UI/UX and backend component design skills, grouped into installable plugin bundles
better-design
Open-source design MCP server and shadcn/ui registry of AI design systems
Refactoring UI Skills
Ten skills plus a /refactor-ui orchestrator that audit and fix UI using Refactoring UI principles
mobile-app-ui-design
Professional mobile app UI/UX design skill for Claude Code
design-for-ai
Claude Code plugin that teaches visual design (typography, color, composition), with clarify, prototype, usability and data-viz skills
Refero skill
Research-first design skill backed by 150K+ real app screens and flows via the Refero MCP
uSpec
Generates design-system documentation for UI components from your AI agent
Bridge
Design in Figma from Claude Code: connects your terminal to the Figma Plugin API
LibreUIUX
UI/UX system for Claude Code: 71 plugins, 93 agents, 74 skills
web-designer
Award-winning web design skill: 48 patterns from 38 top websites, with a mandatory design brief and anti-AI-look checklist
claudedesign-to-swiftui
Converts Claude-generated HTML design prototypes into SwiftUI views
Design Auditor
Claude skill that audits designs against 19 professional design rules
Sumi
UX/UI design intelligence for Claude Code: 43 skills, 168 references, 37 commands
mobbin-skill
Structured UI/UX research using the Mobbin MCP
skills-for-figma
Open-source agent skills for the native Figma MCP server: tokens, components, accessibility
tui-design
Design, mock, build and audit terminal UIs
No matches. Suggest one?
The Design Skills Letter
One email, every other week: the best new skills, with honest verdicts and before/afters.