From plugin-hive
Review existing UI designs and implementations against a brief — structured critique of wireframes, brand artifacts, or running code. Supports --artifact-target {design|implementation} plus --skip flags for optional participants. Not for creating new designs (use /design).
How this skill is triggered — by the user, by Claude, or both
Slash command
/plugin-hive:design-reviewThe summary Claude sees in its skill listing — used to decide when to auto-load this skill
Run a structured review ceremony on UI artifacts. By default this critiques design artifacts
Run a structured review ceremony on UI artifacts. By default this critiques design artifacts
(briefs, wireframes, brand system); with --artifact-target implementation, it audits running
code, screens, and components while preserving the historical ui-audit record path.
Input: $ARGUMENTS optionally contains:
--artifact-target {design|implementation} — choose artifact mode; default is design--artifact-target={design|implementation} — equivalent form--skip accessibility — skip the accessibility-specialist critique (step 1)--skip animations — skip the animations-specialist critique (step 2)See hive/references/skill-prelude.md — standard skill preamble (persona / config / memory loading).
Parse $ARGUMENTS before gate checks. Default artifact_target to design.
Accept --artifact-target design, --artifact-target=design,
--artifact-target implementation, and --artifact-target=implementation.
Accept only design or implementation; if any other value is supplied, stop with:
Usage: /hive:design-review [--artifact-target {design|implementation}] [--skip accessibility] [--skip animations] [artifact paths...]
Preserve the --skip parsing pattern exactly: --skip accessibility skips step 1,
--skip animations skips step 2, and both flags leave only ui-designer critique plus
synthesis. Treat all remaining non-flag tokens as explicit artifact paths.
Use the gate for the selected target.
Check for .pHive/design/index.yaml OR .pHive/brand/brand-system.yaml. If both
are missing, display this message and stop:
Nothing to review yet. Design-review needs at least wireframes (run
/hive:ui-design) or a brand system (run/hive:brand-system) before it can run a critique.
Check .pHive/project-profile.yaml exists and has a non-empty tech_stack key. If either
check fails, emit the warning below and proceed with sane defaults — do NOT stop. The audit
runs with reduced fidelity (generic conventions instead of project-specific tech-stack rules):
Warning: Hive not initialized for this project. Run
/hive:kickofffor full context. Proceeding with defaults.
See hive/references/ui-skill-gates.md for the full gate specification.
Call skills/hive/skills/design-review-dispatch/SKILL.md once, passing:
env (current environment)hive.config.yaml.pHive/hive.config.yaml or NoneNoneworkflow_name: "design-review"epic_id when knownarguments (parsed flags including --skip, --artifact-target, and dependency context)unblocked_stories[] (empty for single-invocation; populated when called from /execute)Capture the returned mode_decision. When mode_decision is multica, hand off to
skills/hive/skills/design-review-mode-multica/SKILL.md and stop. When mode_decision
is cc-workflows, hand off to skills/hive/skills/design-review-mode-cc-workflows/SKILL.md
and stop. For all other mode decisions (sequential, team, team-cmux, sessions,
sandcastle), continue with steps 1–8 below using the standard inline orchestration path.
Read hive/workflows/design-review.workflow.yaml in full.
Build artifact_paths for the selected target.
For artifact_target: design, use explicit paths if provided; otherwise collect
.pHive/design/index.yaml brief_path and export_paths entries plus
.pHive/brand/brand-system.yaml when present. Set record_type to design-review,
report_dir to .pHive/audits/design-review/{timestamp}/, and verdict vocabulary to
approved | needs_revision | needs_redesign.
For artifact_target: implementation, use explicit paths if provided; otherwise collect
all files under .pHive/wireframes/, all files under .pHive/design/, and frontend source
files identified from .pHive/project-profile.yaml tech_stack when available. Include
tech_stack context when available; otherwise include a generic conventions note. Set
record_type to ui-audit, report_dir to .pHive/audits/ui-audit/{timestamp}/, and
verdict vocabulary to passed | needs_optimization | needs_revision.
Pass the selected target, artifact paths, record type, verdict vocabulary, and any tech-stack
context as workflow context. The workflow still receives design_artifacts for compatibility;
for implementation mode, treat that key as the implementation artifact list.
Read the full persona files for each step that will execute:
hive/agents/accessibility-specialist.md if step 1 runs (skippable)hive/agents/animations-specialist.md if step 2 runs (skippable)hive/agents/ui-designer.md always (critique plus synthesis)Execute hive/workflows/design-review.workflow.yaml steps in order. For each step that is
NOT skipped, resolve the step's primary procedure before spawning its subagent:
if step_file is set, read <repo>/<step_file> and use that loaded content; otherwise
use the inline step task. step_file has precedence over task, matching
hive/references/workflow-schema.md. Spawn the subagent with the full persona, the
resolved primary procedure, artifact_target, target-specific artifact_paths passed as
design_artifacts, target-specific verdict vocabulary, implementation tech_stack
context when available, and prior step outputs. Capture each output and pass it to
subsequent steps as specified in workflow inputs.
Announce which steps are running before execution:
Design Review — Target: {design | implementation}
Participants:
Step 1: accessibility-specialist [running | SKIPPED (--skip accessibility)]
Step 2: animations-specialist [running | SKIPPED (--skip animations)]
Step 3: ui-designer (critique) [running]
Step 4: ui-designer (synthesis) [running]
The final synthesis must:
Use this shared report structure:
## Work Report: Design Review — {timestamp}
## Findings
- `{file-or-artifact}:{section-or-line}` — {finding} [severity: blocking | significant | cosmetic] [domain: accessibility | motion | design]
## Changes Made
(Leave empty — this is an audit/review, not a fix pass.)
## Remaining Issues
- Findings requiring human design decisions, code fixes, or follow-up validation
## Summary
One-paragraph assessment covering overall UI health, top issues, and readiness.
## Verdict
{target-specific verdict}
Generate a timestamp with second-level precision: {YYYY-MM-DD}T{HHMMSS} (minute-level granularity risks collision when two audits run in the same minute).
Write the synthesis output to .pHive/audits/design-review/{timestamp}/report.md for
artifact_target: design, or .pHive/audits/ui-audit/{timestamp}/report.md for
artifact_target: implementation.
Only after the report is successfully written, write:
completed_at: "{ISO 8601}"
report_path: ".pHive/audits/{design-review|ui-audit}/{timestamp}/report.md"
artifact_target: "{design|implementation}"
findings_count: {N}
verdict: "{target-specific verdict}"
Write the pointer to:
.pHive/audits/design-review/latest.yaml for artifact_target: design.pHive/audits/ui-audit/latest.yaml for artifact_target: implementationDo NOT write latest.yaml if any step fails. An incomplete implementation audit must not unblock the polish-audit gate.
Display target, report path, verdict, total findings by severity, specialist finding counts
or skipped status, and a target-aware next action. For implementation target, the next action
may be /hive:polish-audit because the preserved .pHive/audits/ui-audit/latest.yaml
pointer satisfies its gate.
hive/workflows/design-review.workflow.yaml — shared review workflowhive/agents/accessibility-specialist.md — step 1 personahive/agents/animations-specialist.md — step 2 personahive/agents/ui-designer.md — steps 3 and 4 personahive/references/ui-skill-gates.md — target-aware gate specificationskills/review/SKILL.md — reference pattern for skills that orchestrate workflowsnpx claudepluginhub firefly-events/plugin-hive --plugin plugin-hiveGuides creation, editing, and verification of skills for AI coding agents using test-driven development with subagent scenarios. Use when authoring or debugging skills.