Library · free · open source
45 free design skills for Claude Code.
Free slash commands for Claude Code: accessibility, design systems, motion, typography, copy. Install one at a time, no dependencies.
Looking for dwic, the subscription auditor? It lives here →
45 design skills8 categories0 dependencies
How to install a skill
Step 1
Open a skill, copy its command
Open any skill card below to reveal its install command
Step 2
Run in your project
Paste into your terminal inside any Claude Code project
Step 3
Use in Claude Code
Claude reads the skill from .claude/commands/ and picks it up automatically
New to Claude Code? A free guide to using Claude Code for design work, from setup to shipping.
Start learning ↗45 skills
.md
design-brief
Master command — takes a brief, identifies relevant design domains, routes to the right specialists
.md
visual-hierarchy-specialist
Visual hierarchy, layout, spacing, focal points, content grouping
.md
interaction-designer
User flows, states, gestures, feedback, keyboard patterns
.md
design-system-architect
Tokens, component APIs, variants, theming, governance
.md
accessibility-specialist
WCAG compliance, ARIA, keyboard nav, screen readers
.md
anti-slop-designer
Spot and fix the generic AI-generated look: gradient/glassmorphism/hero-3-card tells and 'seamless/unlock/elevate' copy
.md
design-critic
Honest design critique, not praise — ranks problems by severity and pushes back instead of agreeing
.md
typography-specialist
Type scales, font pairing, line height, vertical rhythm, responsive typography
.md
color-specialist
Color palettes, contrast, dark mode mapping, semantic colors, accessibility
.md
spacing-layout-specialist
Grid systems, spacing scales, density modes, padding/margin conventions
.md
motion-designer
Transitions, easing, timing, micro-interactions, reduced motion, animation performance
.md
form-designer
Form layout, validation timing, input types, multi-step forms, accessibility
.md
navigation-specialist
Sidebar, top bar, bottom tabs, breadcrumbs, mega menus, command palettes
.md
dashboard-designer
KPI cards, data density, drill-down, filters, real-time updates, dashboard layout
.md
mobile-specialist
Touch targets, thumb zones, bottom nav, gestures, offline states, safe areas
.md
responsive-design-specialist
Breakpoints, fluid typography, container queries, responsive images, mobile-first CSS
.md
landing-page-specialist
Hero sections, CTAs, value propositions, social proof, pricing tables, conversion
.md
content-strategist
Microcopy, error messages, empty states, tone of voice, content hierarchy
.md
ui-copywriter
Human-sounding headlines, CTAs, and landing copy without the AI tells — the marketing-voice counterpart to microcopy
.md
information-architect
Navigation structure, taxonomy, labeling, content organization, wayfinding
.md
conversational-ui-designer
Chat interfaces, bot personality, message design, rich messages, voice UI
.md
healthcare-ux-specialist
Clinical workflows, HIPAA UI considerations, patient data display, medical terminology
.md
b2b-saas-specialist
Enterprise patterns, RBAC UI, multi-tenant, complex onboarding, admin dashboards
.md
ecommerce-specialist
Product pages, filtering, image galleries, reviews, product comparison
.md
checkout-specialist
Cart UX, payment forms, guest checkout, trust signals, order confirmation
.md
dark-mode-specialist
Dark surfaces, color remapping, elevation hierarchy, FOUC prevention, mode switching
.md
error-handling-specialist
Error messages, validation, recovery flows, HTTP error pages, retry patterns
.md
onboarding-specialist
First-run experience, tooltip tours, empty states, checklists, feature discovery
.md
performance-specialist
Skeleton screens, optimistic updates, loading states, lazy loading, perceived speed
.md
data-visualization-specialist
Chart selection, axis design, color encoding, tooltips, responsive charts, accessibility
.md
table-designer
Data tables, sorting, pagination, row selection, inline editing, responsive tables
.md
search-specialist
Search UX, autocomplete, faceted filtering, search results, zero-results states
.md
brand-designer
Visual identity, logo usage, brand colors, typography as brand expression
.md
i18n-designer
RTL layouts, string expansion, locale-aware UI, date/number formats, cultural adaptation
.md
auth-security-ux-specialist
Login flows, password UX, 2FA/passkey, session management, permission prompts, trust signals
.md
drag-drop-specialist
Drag affordances, drop zones, reordering, canvas interactions, multi-select, direct manipulation
.md
print-export-designer
PDF generation, print stylesheets, export formatting, receipt design, download UX
.md
setup-guide
Install Node, Claude Code, and create your first project — terminal walkthrough for designers
.md
code-explainer
Paste any file or error — get a plain language explanation with no developer jargon
.md
database-setup
Set up Supabase for your project — tables, queries, and connecting to your frontend
.md
environment-setup
What .env files are, how to set them up, and what never to commit to GitHub
.md
auth-implementation
Implement working login and signup using Clerk or Supabase Auth — actual code, not just design guidance
.md
deploy-to-vercel
Deploy your project to Vercel, fix build errors, and set up a custom domain
.md
debug-helper
Paste any error message — get a plain language explanation and exact fix
.md
briefing-claude
How to brief Claude for good UI — references, screenshots, constraints, and iterating instead of re-rolling