Command
design-plan
Generate a concrete design system (tokens, style, type, UX) before building UI
@nextlevelbuilderInstall CommandClaude Code commands for Design
Flowy lists 172 slash commands for Design, and the most-starred are design-plan (from the 141,665-star ui-ux-pro-max plugin), design-review (from the 141,665-star ui-ux-pro-max plugin) and od-contribute (from the 104,689-star open-design plugin). The newest push among those Design slash commands, on October 29, 2026, went to the open-design plugin.
design-plan @nextlevelbuilderInstall Commanddesign-review Commanddesign-review
Run the 7-phase design review (WCAG AA, responsive, interaction) on a page or URL
@nextlevelbuilderInstall Commandod-contribute CommandAuto-invokedod-contribute
Open a first-contribution PR (or bug issue) on nexu-io/open-design — works for non-coders too.
@nexu-ioInstall Commanddoctor Commanddoctor
Run one-shot environment diagnostics for Diagram Design readiness
@cathrynlaveryInstall Commandexport-diagram Commandexport-diagram
Export a diagram-design HTML file to .svg and .png next to the source
@cathrynlaveryInstall Commandimport-drawio Commandimport-drawio
Redraw a draw.io file as an editorial diagram at a chosen format, size, and detail level
@cathrynlaveryInstall Commanddesign-deslop Commanddesign-deslop
Strip the signatures that make a UI look AI-generated — flat hierarchy, no focal point, monotone layout, timid palettes, generic…
@dammyjay93Install Commanddesign-review Commanddesign-review
Strict, multi-pass craft and visual-hierarchy review of a UI build, with severity scoring and an explicit approval bar. The…
@dammyjay93Install Commandbattle Commandbattle
Head-to-head graded battle card between two sites — eight dimensions, bar-by-bar, verdict line.
@manavarya09Install Commandbrand Commandbrand
Generate a full editorial brand-guidelines book for any URL. 14 chapters covering brand essence/archetype, colour, typography,…
@manavarya09Install Commanddna Commanddna
Place a design in the measured design space — nearest systems, per-axis percentiles, outliers
@manavarya09Install Commandaudit-system Commandaudit-system
Run a comprehensive audit of an existing design system for consistency, completeness, and accessibility.
@owl-listenerInstall Commandbenchmark Commandbenchmark
Run a competitive benchmark across a set of products — pattern comparison, gap analysis, and opportunity callouts.
@owl-listenerInstall Commandbuild-presentation Commandbuild-presentation
Build a design presentation end to end — audience framing, narrative structure, and supporting rationale.
@owl-listenerInstall Commandgate Commandgate
Run every objective gate this project can prove and report the real N/N. Use before claiming any screen or component is done.
@plugin87Install Commanddata-shape Commanddata-shape
You are helping the user create or update the general shape of their product's data — the core entities ("nouns") and how they…
@buildermethodsInstall Commanddesign-screen Commanddesign-screen
You are helping the user create a screen design for a section of their product. The screen design will be a props-based React…
@buildermethodsInstall Commanddesign-shell Commanddesign-shell
You are helping the user design the application shell — the persistent navigation and layout that wraps all sections. This is a…
@buildermethodsInstall Commandcheck-docs-consistency Commanddev-react-headless Commandseed-component Commandcleanup Commandcleanup
Remove all temporary design lab files created during a design-and-refine session
@0xdesignInstall Commandstart Commandstart
Start a design and refine session - generate variations, collect feedback, and iterate to the perfect design
@0xdesignInstall Commandduo Commandab-variants Commandab-variants
Generate A/B test design variants from an existing Figma screen — alternate layouts, CTA placements, color treatments, and copy…
@adityaraj0421Install Commandaccessibility-audit Commandaccessibility-audit
Full WCAG AA accessibility audit on an HTML file — contrast ratios, keyboard navigation, semantic HTML, ARIA usage, touch…
@adityaraj0421Install Commandbrand-kit Commandbrand-kit
Generate a complete brand kit from a logo and 1-2 brand colors — full palette, type scale, icon style, component tokens, and…
@adityaraj0421Install Commandbuild Commandbuild
Execute an approved design plan through gated phases (BUILD → REVIEW → commit) with subagent dispatch. Produces JOURNEY.md,…
@ryanthedevInstall Commandmock Commandmock
Produce a cheap mock from the design plan and gate on user sign-off before committing to the full build. Dispatches the…
@ryanthedevInstall Commandplan Commandplan
Turn a design brief into a phased design plan: clarify gaps, classify complexity, decompose into lifecycle stages…
@ryanthedevInstall Commandreimagine-it Commandreimagine-it
Claude Code, Codex, Factory Droid, Cursor, Copilot, Gemini CLI. Redesign existing HTML from its own content — 15 visual…
@kayforkindInstall Commandaudit-interaction Commandaudit-interaction
Evaluate an existing AI interaction against interaction mode taxonomies.
@owl-listenerInstall Commandaudit-prompt Commandaudit-prompt
Evaluate an existing prompt for clarity, effectiveness, and edge cases.
@owl-listenerInstall Commandbuild-chain Commandactivate Commandimport-excalidraw Commandimport-excalidraw
Redraw an Excalidraw board as an editorial diagram at a chosen format, size, and detail level
@cathrynlaveryInstall Commandimport-mermaid Commandimport-mermaid
Redraw Mermaid as an editorial diagram at a chosen format, size, and detail level
@cathrynlaveryInstall Commandprofile Commandprofile
Save, load, inspect, update, reset, or delete diagram-design client profiles
@cathrynlaveryInstall Commandextract Commandextract
Extract the complete design language from a URL — DTCG tokens, Tailwind, Figma vars, motion, voice, components.
@manavarya09Install Commandfidelity Commandfidelity
Measure how faithfully a clone reproduces a site — pixel-diff plus motion-fidelity into one 0-100 score, a letter grade, a ranked…
@manavarya09Install Commandgallery Commandgallery
Build a static, shareable gallery from your fidelity reports — an index of score cards plus a permalink page (with an OG card)…
@manavarya09Install Commandcolor-palette Commandcolor-palette
Run the full colour workflow — tonal scales, semantic mapping, contrast checks, dark mode, and chart colours — and output a…
@owl-listenerInstall Commandcreate-component Commandcreate-component
Scaffold a full component specification end to end — props, states, variants, accessibility, and documentation.
@owl-listenerInstall Commandcritique-screen Commandcritique-screen
Run all seven visual critiques on a screen and output a prioritised fix list.
@owl-listenerInstall Commanddesign-tokens Commanddesign-tokens
You are helping the user choose colors and typography for their product. These design tokens will be used consistently across all…
@buildermethodsInstall Commandexport-product Commandexport-product
You are helping the user export their complete product design as a handoff package for implementation. This generates all files…
@buildermethodsInstall Commandproduct-roadmap Commandproduct-roadmap
You are helping the user create or update their product roadmap for Design OS.
@buildermethodsInstall Commandseed-deprecation Command
Questions
What is the best Design slash command for Claude Code?
By the GitHub stars of the plugin each ships in (Flowy does not rate quality), the best Design slash command for Claude Code is design-plan (from the 141,665-star ui-ux-pro-max plugin), level on stars with design-review (from the 141,665-star ui-ux-pro-max plugin), ahead of od-contribute (from the 104,689-star open-design plugin).
How many Design slash commands are there?
Flowy lists 172 slash commands for Design, and this page draws the top 48 Design slash commands.
How to install a slash command
Design in other kinds
Other slash command categories
- Development5,783
- Agent Orchestration788
- Automation722
- Security634
- Productivity405
- Documentation320
- AI & Agents283
- Agent Memory249
- Testing200
- Content192
- Data136
- Finance117
- Monitoring117
- Research107
- Marketing103
- Agent Workspaces100
- Skill Authoring95
- Spec-Driven Development85
- Education58
- SEO57
- Cloud & Infrastructure41
- Business34
- Backend32
- Code Generation30
- Writing29
- CLI Tools27
- Code Review26
- Operations26
- Product25
- Career24
- Machine Learning24
- Mobile22
- Legal16
- Scaffolding16
- Entertainment14
- MCP Servers14
- Frontend13
- Databases11
- Debugging7
- Video & Audio7
- API Design6
- Deployment6