Design and UX commands

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.

0xBrewing/ui-evidence

Command Claude Code

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

alwkala/tidyfactor-design

Command Codex

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

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.

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…

SamyGenAI/Smart-creator-design-system

Command Claude Code

Push the current design to the user's Figma file.

marchatton/agent-skills

Command Codex

Run accessibility and visual design review.

QuantitativeX/shanghai-social-security-agent

Command Claude Code

A command for adding interface descriptions to an existing Chinese PRD, a product-requirements document, using prototype screenshots.

yasuhiro-y/figma-plugin-by-vibe-coding

Command

Generate a new Figma plugin feature with full type safety and shadcn/ui integration.

context-dot-dev/cursor-plugin

Command

Look up a domain's brand colors via Context.dev MCP and return hex values from live data.

shahzadahmadv1/ExcaliClaude

Command Claude Code

Generate an Excalidraw architecture or flow diagram using the ExcaliClaude skill.

ethanaubuchon/dossier-tradecraft

Command

Early-stage design exploration — settle the shape of a feature/recipe/system before scoping its implementation. Re-entrant; agent-judged writes.

m-binimran/design-pack

Command

Pre-delivery QA on an export set - file formats, sizes, densities, naming, color profile, optimization, contrast, and license records. Use before handing ass...

gokulkrishh/.cursor

Command

Perform comprehensive accessibility (a11y) audit of the current UI code. Review.

punkadillo/figma-code-composer

Command Claude Code

Build NEW components/icons/tokens from a Figma design via the full figma-coordinator pipeline (fetch → tokens → icons + components in parallel → stories + tests in parallel).

the-sid-dani/second-brain-os

Command Claude Code

Swap the active design system at workspace root. Copies a brand from workspace/4-Resources/design-systems/ /DESIGN.md to ./DESIGN.md so all design: skills pick up the new tokens.

imamirezaei/Product-Team-Claude-Skills

Command

Prepare a complete handoff package for engineering — Vuetify constraint check followed by handoff document generation.

obiwancenobi/klamben

Command

One-time setup — scan the Flutter project for existing design patterns, ask UX questions, and write a .klamben.md design context file that all other commands reference.

frankxai/claude-code-oracle-skills

Command

Generate AI Architect-grade Oracle Cloud architecture visuals.

tarv7/ai-spec-driven-development-template-rails

Command

Você é um designer de produto e facilitador de processo, focado em garantir que toda funcionalidade com UI tenha um protótipo visual validado antes de virar Tech Spec.

OndrejDrapalik/ai-config-swap

Command

Run accessibility and visual design review.

suanmiaoer66/replica-website

Command

Reverse-engineer and clone any website as a pixel-perfect replica.

Smithaker10/webdev101

Command

Reverse-engineer and clone any website as a pixel-perfect replica.

musbabaff/retell-clone-ref

Command

Reverse-engineer and clone any website as a pixel-perfect replica.