Design and UX commands

VictorCostaOliveira/agents-tdd-flow

Command Claude Code

Definir — especificação antes do código (Figma, critérios de aceite, reuso de UI).

jamesbtlr/dsys

Command Claude Code

Step 1 of 3: Extract design tokens from screenshots (start here for split workflow).

All-Turtles/airtime-design-system

Command Claude Code

Apply Airtime design tokens to an existing interface. Creates a variation with Airtime's visual language applied.

RekaWeb3Design/designer-20-starter-system

Command Cursor

Run the full UX research flow based on a brief from knowledge-base/briefs/.

Omerfaruk-aydn/sitecloner

Command Claude Code

Herhangi bir web sitesini pixel-perfect, animasyonlar ve hover efektleri dahil tamamen otomatik klonla.

m-binimran/dev-pack

Command

Audit a web page/component against WCAG 2.2 AA — semantics, keyboard, contrast, labels, focus, alt text. Use when reviewing UI for accessibility or before sh...

yecllsl/trae-agent-skills

Command

Command "yecl-design" from yecllsl/trae-agent-skills, covering usage, options, context, your role and execution flow.

Dbochman/dotfiles

Command Claude Code

Review UI code for Vercel Web Interface Guidelines compliance.

kaelig/state-of-ai-in-design-systems

Command Claude Code

Turn a research dossier into a record in data/design-systems.json, formatted, validated, quoted verbatim and measured against the corpus.

Bandersnatch0x/design-playbook

Command Claude Code

Dogfood Design I/O once; log process gaps only.

XINGANLIU/design-system-generator-skill

Command Claude Code

Command "design-system" from XINGANLIU/design-system-generator-skill, covering design system generator — claude code command, usage: /design-system [font-family] [style] and example: /design-system #6366f1 "outfit" rounded.

denizzeybek-fe/design-system-mcp

Command Claude Code

Create enrichment file for a Design System component.

ianphil/promptbin

Command Claude Code

Creates 3 worktrees and deploys parallel UI design agents to create distinct UI variants for PromptBin.

Oriolshhh/runware-image-mcp

Command

Audit an existing web page for purposeful image and illustration opportunities, then write an approval-gated three-tier asset spec with one coherent style and generation-ready prompts, dimensions, and delivery metadata.

spock-wen/vision-mcp-server

Command

A command for interpreting technical diagrams such as architecture drawings, flowcharts, UML diagrams, and database relationship diagrams.

NinjaScoutZ/houmi-mcp

Command Claude CodeCodex

Generate a concrete design system (tokens, style, type, UX) before building UI.