Command Claude Code
Lint the currently open Figma file for design-system violations and produce a PR-ready markdown report.
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
Command Claude Code
Lint the currently open Figma file for design-system violations and produce a PR-ready markdown report.
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.
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.
Command Claude Code
Analyze an OG image and create a custom layout to reproduce it.
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.
Command Claude Code
Prototype-First Design Pipeline - Create interactive prototypes in minutes, with optional comprehensive analysis.
PUSHINGSQUARES/pushing-creation
Command Claude Code
Vision-grounded DP interview that writes style.md live from your reference images.
Command
Review these files for compliance: $ARGUMENTS.
Command
Apply tactical UI improvements using Refactoring UI principles.
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.
Command Cursor
ui-ux-pro-max from TUAN130294/vibecodekit.
Command Claude Code
Author content from Figma to DA, then build the matching Express block against the published page.
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.
Command
QA — map Figma UI to data-testid names and pin Figma Comments on each element.
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.
Command Claude Code
Define the product — brief → personas → journeys → feature map, with a gate at each stage.
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.
Command Claude Code
Discover, configure, and run ui-evidence for before/after UI review in this repo.
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.
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.
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.
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: