.md

design-brief

Master command — takes a brief, identifies relevant design domains, routes to the right specialists

Core Design

.md

visual-hierarchy-specialist

Visual hierarchy, layout, spacing, focal points, content grouping

Core Design

.md

interaction-designer

User flows, states, gestures, feedback, keyboard patterns

Core Design

.md

design-system-architect

Tokens, component APIs, variants, theming, governance

Core Design

.md

accessibility-specialist

WCAG compliance, ARIA, keyboard nav, screen readers

Core Design

.md

typography-specialist

Type scales, font pairing, line height, vertical rhythm, responsive typography

Visual Design

.md

color-specialist

Color palettes, contrast, dark mode mapping, semantic colors, accessibility

Visual Design

.md

spacing-layout-specialist

Grid systems, spacing scales, density modes, padding/margin conventions

Visual Design

.md

motion-designer

Transitions, easing, timing, micro-interactions, reduced motion, animation performance

Interaction

.md

form-designer

Form layout, validation timing, input types, multi-step forms, accessibility

Interaction

.md

navigation-specialist

Sidebar, top bar, bottom tabs, breadcrumbs, mega menus, command palettes

Interaction

.md

dashboard-designer

KPI cards, data density, drill-down, filters, real-time updates, dashboard layout

Product

.md

mobile-specialist

Touch targets, thumb zones, bottom nav, gestures, offline states, safe areas

Product

.md

responsive-design-specialist

Breakpoints, fluid typography, container queries, responsive images, mobile-first CSS

Product

.md

landing-page-specialist

Hero sections, CTAs, value propositions, social proof, pricing tables, conversion

Product

.md

content-strategist

Microcopy, error messages, empty states, tone of voice, content hierarchy

Content & IA

.md

information-architect

Navigation structure, taxonomy, labeling, content organization, wayfinding

Content & IA

.md

conversational-ui-designer

Chat interfaces, bot personality, message design, rich messages, voice UI

Content & IA

.md

healthcare-ux-specialist

Clinical workflows, HIPAA UI considerations, patient data display, medical terminology

Industry

.md

b2b-saas-specialist

Enterprise patterns, RBAC UI, multi-tenant, complex onboarding, admin dashboards

Industry

.md

ecommerce-specialist

Product pages, filtering, image galleries, reviews, product comparison

Industry

.md

checkout-specialist

Cart UX, payment forms, guest checkout, trust signals, order confirmation

Industry

.md

dark-mode-specialist

Dark surfaces, color remapping, elevation hierarchy, FOUC prevention, mode switching

Specialized

.md

error-handling-specialist

Error messages, validation, recovery flows, HTTP error pages, retry patterns

Specialized

.md

onboarding-specialist

First-run experience, tooltip tours, empty states, checklists, feature discovery

Specialized

.md

performance-specialist

Skeleton screens, optimistic updates, loading states, lazy loading, perceived speed

Specialized

.md

data-visualization-specialist

Chart selection, axis design, color encoding, tooltips, responsive charts, accessibility

Specialized

.md

table-designer

Data tables, sorting, pagination, row selection, inline editing, responsive tables

Specialized

.md

search-specialist

Search UX, autocomplete, faceted filtering, search results, zero-results states

Specialized

.md

brand-designer

Visual identity, logo usage, brand colors, typography as brand expression

Specialized

.md

notification-designer

Push notifications, in-app alerts, badges, toasts, notification center, priority levels

Interaction

.md

empty-loading-states-specialist

Skeleton screens, empty states, first-use experience, loading patterns, progressive content

Specialized

.md

settings-designer

Settings pages, preference architecture, toggle patterns, defaults strategy, account management

Product

.md

icon-illustration-specialist

Icon grids, sizing systems, icon meaning, illustration style, SVG accessibility

Visual Design

.md

i18n-designer

RTL layouts, string expansion, locale-aware UI, date/number formats, cultural adaptation

Specialized

.md

auth-security-ux-specialist

Product

.md

drag-drop-specialist

Drag affordances, drop zones, reordering, canvas interactions, multi-select, direct manipulation

Interaction

.md

print-export-designer

PDF generation, print stylesheets, export formatting, receipt design, download UX

Specialized

.md

setup-guide

Install Node, Claude Code, and create your first project — terminal walkthrough for designers

Technical Setup

.md

code-explainer

Paste any file or error — get a plain language explanation with no developer jargon

Technical Setup

.md

database-setup

Set up Supabase for your project — tables, queries, and connecting to your frontend

Technical Setup

.md

environment-setup

What .env files are, how to set them up, and what never to commit to GitHub

Technical Setup

.md

auth-implementation

Implement working login and signup using Clerk or Supabase Auth — actual code, not just design guidance

Technical Setup

.md

deploy-to-vercel

Deploy your project to Vercel, fix build errors, and set up a custom domain

Technical Setup

.md

debug-helper

Paste any error message — get a plain language explanation and exact fix

Technical Setup

Skills built for designers, not just developers.

How to install a skill

AI UX Design Patterns

gist.design: Make your product readable to AI

Skills built for designers, not just developers.

How to install a skill

Stay in the loop

AI UX Design Patterns

gist.design: Make your product readable to AI