/gaia-design-review
user-facingWhat it does
/gaia-design-review reads the design-system project back through DesignSync and the product design project through the Artifact tool, reviews screens and components against the UX design document and accessibility rules, and drives an iterative stakeholder approval loop. A combined verdict covers both projects -- a failure in either project fails the review. Findings are severity-tagged. Verdicts are recorded through the sole design-record writer. When a stakeholder comment implies a requirement change, the loop halts and routes through the feature intake workflow. When product_design_project is null, the review skips the product-project read and notes the absence.
When to use it
- After a design project has been created and published via
/gaia-create-ux. - When stakeholder review and approval of the design is needed.
- To reconcile designer-side changes back into the derived UX design document.
Prerequisites
- UI-present gate.
compliance.ui_presentmust betruein project config. - Design record. A design record must exist at
.gaia/state/design-record.yaml. - UX design document. The UX design must exist at
.gaia/artifacts/planning-artifacts/ux-design.md.
How to invoke
/gaia-design-reviewWhat it does step by step
- Read-back If the design record is stale, the review first transitions it to review, starting a new approval round; the iteration counter bumps so earlier approvals no longer count. Reads the design-system project through DesignSync and the product design project through the Artifact tool as the authoritative sources, wrapping content in data boundary markers.
- Findings Compares project content against the UX design document and accessibility rules. Emits severity-tagged findings (high, medium, low, info). Missing required components are findings in this same pass. A failure in either project fails the review.
- Internal review Records an internal verdict before any stakeholder sees the findings. High-severity findings block stakeholder delivery unless the user explicitly accepts them.
- Stakeholder delivery Re-reads both projects for current state. Presents findings to each stakeholder. Records their verdict (approved, changes-requested, or escalated) through the sole writer.
- Convergence and transition Checks convergence before transition. On full approval: transitions to approved. On changes requested: bumps iteration. On escalation: halts and routes to feature intake.
- Delta sync Reconciles designer-side component changes from the design-system project into the derived UX design document. Matches the template's components heading (both
&andandvariants, case-insensitive). Screen changes are read from the product design project, reported with their full content for manual review, not auto-edited. A design-system token change that affects a published screen produces a reconciliation finding flagging the product design project for update. - Iteration loop Returns to Step 1 for each new iteration until the design is approved or escalated.
Inputs
| Input | Source | Description |
|---|---|---|
| Design-system project | DesignSync | Tokens, components, and templates read via the DesignSync integration. |
| Product design project | Artifact tool | Screens and flows read via per-file Artifact reads. |
| UX design document | .gaia/artifacts/planning-artifacts/ux-design.md | The derived UX design document to review against and sync into. |
| Design record | .gaia/state/design-record.yaml | The design approval state machine, read and mutated via the sole writer. |
| Stakeholder roster | .gaia/custom/stakeholders/ | Stakeholders tagged with design or ux tags drive the convergence check. |
Outputs
| Output | Location | Description |
|---|---|---|
| Review verdicts | .gaia/state/design-record.yaml | Internal and stakeholder verdicts written through the sole writer. |
| Updated UX design | .gaia/artifacts/planning-artifacts/ux-design.md | Designer-side changes reconciled into the derived document. |
| Review notes | .gaia/artifacts/implementation-artifacts/ | Detailed review findings and notes for each iteration. |
Example session
> /gaia-design-review
Reading design-system project via DesignSync... 12 components loaded.
Reading product design project via Artifact tool... 3 screens loaded.
Findings (4 total):
[high] Missing UX-required component: navigation-drawer
[medium] Spacing inconsistency on the settings screen
[low] Button border radius differs from design system token
[info] Consider adding hover states to card components
Internal review: changes-requested (1 high-severity finding)
High-severity findings block stakeholder delivery.
Accept findings and proceed? [y/n]What to run next
/gaia-create-ux— create or update the UX design document./gaia-validate-design-a11y— run an accessibility audit against the design./gaia-add-feature— process an escalated requirement change.
Troubleshooting
- Skill skips with "compliance.ui_present is not true"
- Set
compliance.ui_present: truein project config via/gaia-config-compliance. - No design record found
- Create a design project first with
/gaia-create-ux, which initializes the design record. - Convergence reports "vacuous"
- No stakeholders are tagged with design or ux tags. The review halts — a design/ux-tagged approver is required. Create one with
/gaia-create-stakeholderusing adesignoruxtag. The roster is read from.gaia/custom/stakeholders/andcustom/stakeholders/(both locations are merged, with.gaia/taking precedence per slug). - Integration unavailable or unauthorized
- The review halts before any record transition or read-back when the Claude Design integration cannot be reached or is not authorized. If missing, use a Claude Code session that exposes the DesignSync tool surface. If unauthorized, run
/design-login(API-token sessions), or grant design access when prompted (claude.ai sessions). - Artifact read fails or returns a summary
- When a per-file read of the product design project fails or returns a summary instead of structured content, the review halts with a diagnostic naming the Artifact surface. No partial verdict is recorded.
Design Lifecycle
For the full design lifecycle including discovery, publication, and the approval gate, see the design lifecycle overview.