Stats
Actions
Tags
'%20stop-opacity%3D'0.16'%2F%3E%3Cstop%20offset%3D'1'%20stop-color%3D'rgb(200%2C90%2C60)'%20stop-opacity%3D'0.03'%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Crect%20width%3D'320'%20height%3D'200'%20fill%3D'url(%23g)'%2F%3E%3Ccircle%20cx%3D'250'%20cy%3D'56'%20r%3D'92'%20fill%3D'rgb(200%2C90%2C60)'%20fill-opacity%3D'0.06'%2F%3E%3Ccircle%20cx%3D'64'%20cy%3D'172'%20r%3D'58'%20fill%3D'rgb(200%2C90%2C60)'%20fill-opacity%3D'0.05'%2F%3E%3C%2Fsvg%3E)
From master-claude
Runs an automated design team workflow — user research brief, design system generation, layout, build, motion, accessibility review, and outputs a dashboard report.
How this command is triggered — by the user, by Claude, or both
Slash command
/master-claude:designmaster-claude/This command is limited to the following tools:
The summary Claude sees in its command listing — used to decide when to auto-load this command
As MASTER CLAUDE, run the design team on this project for: $ARGUMENTS Follow the `wf-ui-uplift` skill. In short: 1. **Brief** — `ux-research`: who it's for, the job, the primary flow, the per-screen job. Ask if the repo can't answer it; never invent a persona. 2. **Detect the stack** (package.json / pubspec.yaml / *.xcodeproj / composer.json — **never assume**), then **generate + persist the system** with `ui-intel`: `node .claude/skills/frontend/ui-intel/uikit.mjs --design-system "<product> <industry>" --stack <detected> --persist --out . -p "<Name>"` → `.mc/design/MASTER.md`. If it...
As MASTER CLAUDE, run the design team on this project for: $ARGUMENTS
Follow the wf-ui-uplift skill. In short:
ux-research: who it's for, the job, the primary flow, the per-screen job. Ask if the repo can't answer it; never invent a persona.ui-intel:
node .claude/skills/frontend/ui-intel/uikit.mjs --design-system "<product> <industry>" --stack <detected> --persist --out . -p "<Name>"
→ .mc/design/MASTER.md. If it already exists, read and keep it — pass --force only when asked.fe-page-patterns, fe-component-craft, fe-motion against those tokens (parallel via subagents only after the system is fixed).fe-design-review + fe-a11y + fe-perf; band 1 (a11y) is a blocker however good it looks.mc.html via mc-dashboard, then report the verdict + the single highest-impact fix.Safe by default: the designer agent is read-only toward your source — it writes only .mc/design/ and
mc.html, and never overwrites an existing MASTER.md unasked. Contrast is verified with real WCAG maths
(uikit.mjs --contrast), not asserted.
npx claudepluginhub aturzone/masterclaude/designGenerates a complete design from scratch for web/web-app: brief, tokens, generation, motion, review. Also supports /design:mobile for iOS/Android.
/ux-briefGenerates junior-dev-ready design system documents for a component, page, or feature through guided discovery questions and context analysis.
/ux-designGenerates a premium frontend UI design or component from a brief, running a structured discovery protocol to gather brand, reference, and style direction before producing anti-AI-slop code.
/design-intentGuides UI/visual development via 7-phase process: discovery, exploration, architecture, implementation, review, and documentation. Optional visual reference (screenshot/Figma) or description; supports --quick mode.
/multi-frontendRuns a frontend-focused multi-model workflow (Research → Ideation → Plan → Execute → Optimize → Review) using Gemini as the primary authority for UI/UX tasks like component design, responsive layout, animations, and style optimization.
/design-ui-uxDesigns UI/UX systems with style guides, color palettes, typography, and component specs. Also supports quick searches and Figma design reviews.