skills/design-dispatch/SKILL.md
Single front door for UI/design review and refinement. Parses a subcommand — audit, clarify, critique, layout, polish, quieter, shape, or consistency — and routes to the right design engine: audit (technical quality checks with scored report), clarify (UX copy and microcopy improvement), critique (UX evaluation with quantitative scoring), layout (layout and spacing improvement), polish (final pre-ship quality pass), quieter (tone down visually aggressive designs), shape (UX/UI planning and design brief), or design-consistency-auditor (cross-app design system consistency audit). Backs the /design command. Use when asked to review, audit, polish, plan, or refine UI, and the action must be picked from an argument like "audit", "critique", "polish", or "shape".
npx skillsauth add shipshitdev/library design-dispatchInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
Router behind /design. One job: turn a subcommand into the right design action and delegate. Contains no design or UX logic of its own — technical quality checks live in audit, UX evaluation in critique, copy improvement in clarify, spatial composition in layout, final finishing in polish, visual de-intensification in quieter, upfront UX planning in shape, and cross-app consistency auditing in design-consistency-auditor.
Inputs:
mode. Any additional
target hint (component name, page, feature area) is forwarded verbatim to the
delegated skill.Outputs:
audit: a scored technical quality report (P0–P3 severity) across
accessibility, performance, theming, responsive design, and anti-patterns.clarify: improved interface text — labels, error messages, microcopy,
and instructions.critique: a UX evaluation with quantitative scoring, persona-based
testing, and actionable feedback.layout: an improved layout and spacing implementation with better visual
rhythm and hierarchy.polish: a pre-ship pass fixing alignment, spacing, consistency, and
micro-detail issues.quieter: a visually de-intensified implementation — calmer palette,
weight, and motion.shape: a design brief covering UX direction, constraints, and strategy
for a feature before any code is written.consistency: a cross-app consistency audit covering color palettes, UI
patterns, component styling, and accessibility compliance.Creates/Modifies:
External Side Effects:
Confirmation Required:
disable-model-invocation). Delegated
skills that mutate code re-confirm before writing. Never chain multiple
mutating subcommands automatically.Delegates To:
audit for audit (technical quality scan + scored report).clarify for clarify (UX copy and microcopy improvement).critique for critique (UX evaluation with quantitative scoring).layout for layout (layout, spacing, and visual rhythm fixes).polish for polish (final pre-ship quality pass).quieter for quieter (visual de-intensification).shape for shape (UX/UI planning and design brief generation).design-consistency-auditor for consistency (cross-app design system audit).Resolve the raw argument into a mode.
| Argument | Mode | Delegates to |
|---|---|---|
| (empty) | status | none — print a one-line domain overview + Usage block |
| audit | audit | audit |
| clarify | clarify | clarify |
| critique, review | critique | critique |
| layout, spacing | layout | layout |
| polish, finish | polish | polish |
| quieter, calm, tone-down | quieter | quieter |
| shape, plan | shape | shape |
| consistency, consistent | consistency | design-consistency-auditor |
If the argument matches none of these, report the unrecognized input and print the Usage block — do not guess.
audit skill.clarify skill.critique skill.layout skill.polish skill.quieter skill.shape skill.design-consistency-auditor skill.Each delegated skill owns its own preconditions and confirmation gate. This router does not relax them.
/design # overview: domain summary + usage block
/design audit # technical quality scan — accessibility, performance, theming, anti-patterns
/design clarify # improve UX copy, labels, error messages, and microcopy
/design critique # UX evaluation with quantitative scoring and persona-based testing
/design layout # fix layout, spacing, and visual rhythm
/design polish # final pre-ship pass — alignment, consistency, micro-detail
/design quieter # tone down visually aggressive or overstimulating designs
/design shape # plan UX/UI for a feature and produce a design brief
/design consistency # audit design system consistency across color, components, and accessibility
shape → polish → critique without
explicit invocations.development
Coordinates a weekly engineering review of board accuracy, recent code changes, operational health, and scoped cleanup. Use for a recurring repository health review or a review of the last several days.
testing
Audits project board configuration and prepares explicitly requested setup, copy, or normalization changes while preserving the existing workflow and provider boundaries. Use when inspecting a board's fields, columns, scope, or configuration.
testing
Reconciles a project board with current work and delivery evidence, reports incomplete coverage and metadata gaps, and applies only approved provider-supported field changes. Use when auditing board drift, reviewing blocked work, or assessing upcoming delivery.
development
Walk through how a subsystem works. Use for "how does X work", code walkthroughs before changing something, and placement or ownership questions. Explains architecture, runtime flow, and onboarding mental models. Can critique architecture. Use why for motivation.