By doctormozg
UI/UX design document generation — researches the domain, drafts a comprehensive spec, and iterates against ui/ux/art/accessibility critics with a WCAG hard gate
npx claudepluginhub doctormozg/claude-pipelines --plugin mz-designWCAG 2.2 accessibility critic and hard-gate validator. Reviews UI design documents for contrast ratios, keyboard navigation, screen-reader semantics, focus management, motion sensitivity, and target sizes.
Visual aesthetics and color theory critic. Reviews UI design documents for color harmony, palette relationships, type pairing, type scale, mood coherence, and aesthetic consistency.
Merges the outputs of four parallel design critics (ui-designer, ux-designer, art-designer, accessibility-specialist) into a single prioritized action-item list with a definitive aggregate verdict.
Produces the initial UI/UX design document, ASCII wireframes with Mermaid flows, and WCAG contrast report from intake and research inputs. Follows the canonical design-spec template.
Gathers context for a UI/UX design task by scanning the codebase for existing components, design tokens, and style files, and researching domain patterns and accessibility requirements via web search.
Applies critique action items to an existing design document, updating only the sections flagged by the synthesizer while preserving untouched sections verbatim. Recomputes WCAG contrast when colors change.
Visual layout and composition critic. Reviews UI design documents for grid systems, alignment, whitespace, visual hierarchy, density, scannability, and composition quality.
User flow and interaction critic. Reviews UI design documents for information architecture, user flows, interaction patterns, microcopy, and Nielsen usability heuristics compliance.
Ultra-compressed communication mode. Cuts ~75% of tokens while keeping full technical accuracy by speaking like a caveman.
Comprehensive UI/UX design plugin for mobile (iOS, Android, React Native) and web applications with design systems, accessibility, and modern patterns
No description provided.
Uses power tools
Uses Bash, Write, or Edit tools
Share bugs, ideas, or general feedback.
Multi-agent plugins for Claude Code. Autonomous development pipelines, code review, deep research, and business intelligence — all as slash commands.
[!TIP] Skills compose. Most real tasks span 3–4 commands across multiple plugins — chain them end-to-end instead of reaching for any single skill in isolation. Click any workflow below to see the flow.
mz-dev-base + mz-dev-pipeflowchart LR
A["/deep-research"]:::base --> B["/build"]:::pipe
B --> C["/verify"]:::pipe
C --> D["/review-branch"]:::base
classDef base fill:#ddf4ff,stroke:#0969da,color:#0969da
classDef pipe fill:#dafbe1,stroke:#1a7f37,color:#1a7f37
/deep-research — survey trade-offs, cite references, pick an approach/build — research → plan (approval gate) → parallel code → review → test/verify — lint + types + tests + coverage, diagnose failures/review-branch — independent final pass before opening the PRmz-dev-pipeflowchart LR
A["/debug"]:::pipe --> B["/blast-radius"]:::pipe
B --> C["/investigate"]:::pipe
C --> D["/polish"]:::pipe
classDef pipe fill:#dafbe1,stroke:#1a7f37,color:#1a7f37
/debug — reproduce → regression test → diagnose → fix → verify/blast-radius — map every caller, test, and type at risk of the patch/investigate — prove or disprove "does the same race exist on the refund path" without touching code/polish — fix-test-review loop until the criteria are metmz-dev-base + mz-dev-pipeflowchart LR
A["/init-rules"]:::base --> B["/explain"]:::pipe
B --> C["/audit"]:::pipe
C --> D["/blast-radius"]:::pipe
classDef base fill:#ddf4ff,stroke:#0969da,color:#0969da
classDef pipe fill:#dafbe1,stroke:#1a7f37,color:#1a7f37
/init-rules — install curated coding rules for the detected languages/explain — multi-angle walkthrough with Mermaid diagrams of the module/audit — ranked list of landmines and tech-debt hotspots/blast-radius — know what shatters before the first refactor commitmz-dev-pipe + mz-dev-baseflowchart LR
A["/audit"]:::pipe --> B["/investigate"]:::pipe
B --> C["/debug"]:::pipe
C --> D["/review-branch"]:::base
classDef base fill:#ddf4ff,stroke:#0969da,color:#0969da
classDef pipe fill:#dafbe1,stroke:#1a7f37,color:#1a7f37
/audit — prioritized vulnerabilities with file:line evidence/investigate — verify top critical findings, drop false positives/debug — TDD-style fix anchored on a regression test/review-branch — catch any fallout the fix introduced elsewheremz-creative + mz-design + mz-dev-pipe 3 pluginsflowchart LR
A["/brainstorm"]:::creative --> B["/expert"]:::creative
B --> C["/design-document"]:::design
C --> D["/build"]:::pipe
classDef creative fill:#fbefff,stroke:#8250df,color:#8250df
classDef design fill:#ffebf0,stroke:#bf3989,color:#bf3989
classDef pipe fill:#dafbe1,stroke:#1a7f37,color:#1a7f37
/brainstorm — 5 lens personas → parallel ideation → vote-to-consensus/expert — Delphi critique (3 rounds) with dedicated report writer/design-document — draft → 4-critic loop → WCAG 2.2 AA hard gate/build — plan → code → review → test against the approved specmz-biz-outreach + mz-dev-base + mz-creative 3 pluginsflowchart LR
A["/lead-gen"]:::outreach --> B["/deep-research"]:::base
B --> C["/brainstorm"]:::creative
classDef outreach fill:#fff1e5,stroke:#bc4c00,color:#bc4c00
classDef base fill:#ddf4ff,stroke:#0969da,color:#0969da
classDef creative fill:#fbefff,stroke:#8250df,color:#8250df
/lead-gen — strategy → source research → scout → enrich → score → report/deep-research — domain context to ground outreach in current regulation/brainstorm — multi-lens positioning ideas tied back to the lead-gen reportmz-dev-pipeOwn this plugin?
Verify ownership to unlock analytics, metadata editing, and a verified badge.
Sign in to claimOwn this plugin?
Verify ownership to unlock analytics, metadata editing, and a verified badge.
Sign in to claim