Design and UX commands

958 tagged Design and UX, measured the same way as everything else here.

Browse within: claude-code-plugin 263design-system 222accessibility 88ai-coding 82figma 57ai-design 52design-systems 45claude-commands 39design-tokens 34agentic 32ux 32ui 30ai-skills 26css 24

design-review

49

rudraptpsingh/figbridge

Command Claude Code

Lint the currently open Figma file for design-system violations and produce a PR-ready markdown report.

not rated 12 2mo ago A 19 tokens original MIT

mimikyu

50

3x-haust/Mimikyu

Command Claude Code

A command that turns a Figma design—a visual interface mock-up—into a standalone React and Tailwind CSS web project. It reads the design, downloads its images, and builds the result at a chosen output path.

not rated 11 18d ago A 0 tokens original MIT

a11y-handoff

51

saralobo/rules-accessibility-handoff

Command

Create an accessibility hand-off annotation in Figma. Analyzes a screen, generates structured JSON with targetBounds, executes the build script, and verifies with 18 strict checks.

not rated 11 6mo ago A 36 tokens

reproduce-image

52

edspencer/frameit

Command Claude Code

Analyze an OG image and create a custom layout to reproduce it.

not rated 10 9mo ago A 12 tokens original MIT

access

53

sonicfieldlabs/akouo

Command

/access is the accessibility and hearing-norm command. It audits who the system assumes can hear, what alternatives exist, where sonic information becomes inaccessible, and how captions, transcripts, haptics, visuals, device context, volume, attention, fatigue, and sensory variation shape listening.

not rated 10 24d ago A 0 tokens original MIT

ts-design-turbo

54

vedanta/the-system

Command Claude Code

Prototype-First Design Pipeline - Create interactive prototypes in minutes, with optional comprehensive analysis.

not rated 9 6mo ago A 0 tokens LGPL-3.0

refactor-ui

57

nyldn/claude-dolphin

Command

Apply tactical UI improvements using Refactoring UI principles.

not rated 9 12d ago A 9 tokens original MIT

sandbox

58

memi-design/design-sandbox

Command Claude Code

Spike a design idea — decode brief/screenshot/figma, scaffold shadcn into /sandbox, optionally layer motion. Default entry point for any design exploration.

not rated 7 1mo ago A 33 tokens original MIT

build-express-block

60

adobecom/da-express-milo

Command Claude Code

Author content from Figma to DA, then build the matching Express block against the published page.

not rated 6 today A 19 tokens original Apache-2.0

visbug

61

samsebeingener/visbug-mcp-ru

Command Claude Code

A command that examines edits made with VisBug and transfers them into a project's CSS or other styles. VisBug is a browser tool for inspecting and editing web pages.

not rated 6 1mo ago A 18 tokens

figma-testid

62

RaihanParl/ai-skill

Command

QA — map Figma UI to data-testid names and pin Figma Comments on each element.

not rated 6 12d ago A 23 tokens

WORKFLOW

63

weppa-cloud/material3-mcp-server

Command Claude Code

A systematic approach to MCP server feature development that ensures clarity, quality, and consistency for Material 3 integration.

not rated 6 11mo ago A 0 tokens

bobby-define

64

ccevans/bobbycode

Command Claude Code

Define the product — brief → personas → journeys → feature map, with a gate at each stage.

not rated 6 11d ago A 19 tokens original MIT

normalize

65

Dragoon0x/canon

Command

Normalize the codebase to the CANON token system. Extract scattered values into design tokens for color, type, spacing, radius, shadow, z-index, motion. Replace ad-hoc values with references. Use when the codebase has drifted into magic numbers.

not rated 5 4mo ago A 55 tokens original MIT

ui-evidence

66

0xBrewing/ui-evidence

Command Claude Code

Discover, configure, and run ui-evidence for before/after UI review in this repo.

not rated 5 5mo ago A 18 tokens original MIT

brief

67

alwkala/tidyfactor-design

Command Codex

Runtime entry point for establishing design context before any build begins. Part of the Discovery lifecycle phase.

not rated 5 1mo ago A 0 tokens original MIT

design-research

68

SeanningTatum/cf-saas-starter-react-router

Command Claude Code

Reference-grounded design research before net-new or complex UI — Refero styles/screens/flows + ui-ux-pro-max rules → locked direction + decision ledger in the brain.

not rated 5 29d ago A 34 tokens

ux-design-agent

69

albrand/ai-config-kit

Command

Act as a UX/product partner in two modes — design-maker (design in the live mockup, keep one source of truth, run a design signoff, propagate signed-off UI to Figma and the board) OR prototype-consumption/backlog-shaping (consume an existing prototype/Figma/screenshots/repo, inventory…

not rated 5 1mo ago A 91 tokens

rams

71

marchatton/agent-skills

Command Codex

Run accessibility and visual design review.

not rated 5 5mo ago A 6 tokens original MIT

At most 3 mods per repository are shown here, and a mod shipped inside a plugin is left to that plugin's page — the rest are on their repository pages: