Skip to main
maudeMDCC/00
Design canvas loop

Command categories

Slash-command groups for the design plugin. Daily plus setup. Mirrors plugins/design/CATEGORIES.md.

Two groups. daily (verb-as-complete-action, called every iteration cycle) and setup-* (one-shot bootstrapping operations).

Mirrors the flow plugin's categorization pattern. Claude Code doesn't support slash-command subdirectory namespacing. The <group>-<verb> prefix is the working substitute. Typing /design:setup- autocompletes only the three setup verbs.

daily

Default verbs. No prefix.

CommandWhat it does
/design:edit "<feedback>"Iterate on the active canvas with auto-critic loop
/design:new "<Name>" "<brief>"Scaffold a new multi-artboard canvas project
/design:criticSpawn the critic panel (or single agent / all critics)
/design:browseBoot the local dev server
/design:rollbackUndo the last edit (snapshot-based)
/design:screenshotCapture a screenshot of the active canvas
/design:handoffMigrate the active canvas to a production target
/design:helpPrint the grouped command index

The bare /design form was a v0.8 one-version compat stub redirecting to /design:edit. Removed in v0.9. Only /design:edit resolves.

setup-*

One-shot bootstrapping operations.

CommandWhat it does
/design:initInitialize the project environment (deps check, install hints, skeleton .design/config.json). Mirrors /flow:init.
/design:setup-ds <name> "[brief]"Create a design system (first one, additional, or re-bootstrap with --force). Thin wrapper around skill design-system in bootstrap mode.
/design:setup-docs [--full]Refresh .design/README.md + INDEX.md. Auto-runs after /design:edit and /design:new; manual trigger to force a refresh.

Why three setup verbs:

  • init is project-level. Runs once per repo to prepare the ground (dependency hints, CLAUDE.md / .ai/ recommendations, skeleton config). Auto-invoked when other commands hit a missing .design/config.json.
  • setup-ds is per-DS. Runs once per design system (first one for a project, or every time you add a marketing-vs-admin-vs-mobile DS). Auto-invokes init first if config is missing.
  • setup-docs is per-canvas-event. Auto-runs after every /design:edit and /design:new. Manual trigger when you want to force a regeneration.

Naming convention

Commands within a group prefix the group name with a dash separator:

snippet
/design:setup-ds               # group "setup", verb "ds"
/design:setup-docs             # group "setup", verb "docs"

Daily commands have no prefix:

snippet
/design:init                   # daily
/design:edit                   # daily
/design:new                    # daily

This makes autocomplete predictable.

Rename history

OldNewWhenWhy
/design/design:editv0.8Verb-as-action; resolves naming collision with skill design
/design:docs/design:setup-docsv0.8Categorization to setup-* group
/design (compat stub)removedv0.9One-version compat retired per the v0.8 contract

Adding a new command

  1. Pick the group from the table above. If none fits, propose a new group in plugins/design/CATEGORIES.md (with prose justification) before adding the file.
  2. Create plugins/design/commands/<group>-<verb>.md (or <verb>.md for daily).
  3. Set frontmatter: name: <verb-or-group-verb>, category: <group>, description: <one-liner>, argument-hint: if any.
  4. /design:help picks it up automatically. No manual catalog update needed.

The auto-generated reference pages under /docs/commands-design/ are produced by site/scripts/build-command-reference.mjs from each command file's frontmatter on every pnpm prebuild.

On this page