design-reviewer

Review frontend design handoffs for defects and forbidden patterns.

28|2|Updated Feb 5, 2026
One-click install
npx skills add https://github.com/labs21-dev/agents-stack --skill design-reviewer-labs21-dev
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: design-reviewer
Source: https://github.com/labs21-dev/agents-stack/tree/main/templates/.agents/skills/frontend-design/design-reviewer
Command: npx skills add https://github.com/labs21-dev/agents-stack --skill design-reviewer-labs21-dev

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

The Design Reviewer identifies defects, incompleteness, or forbidden patterns in design handoffs before orchestration.

Core Features & Use Cases

  • Adversarial evaluation of handoffs against the contract
  • Evidence capture and structured handoff documentation
  • Integration with the design QA workflow to gate progression

Quick Start

Review the current design handoff artifact and output a verdict with evidence.

Frequently Asked Questions about design-reviewer

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I automate design QA before handoff?

Automate design QA before handoff by adversarially evaluating artifacts against multiple criteria to detect defects, incompleteness, or forbidden patterns, producing a pass/fail verdict with supporting evidence.

What is an adversarial review for design handoffs?

An adversarial review for design handoffs is a structured evaluation process that checks frontend artifacts for defects and forbidden patterns before orchestration, outputting a pass/fail verdict with convergence metadata.

Can I use static analysis as a fallback for design review without a browser?

Static analysis serves as a fallback for design review when a browser-enabled environment is unavailable, allowing automated checks of design handoffs to proceed and generate pass/fail verdicts.

Does the design review process gate progression during the design_contracted phase?

The design review process gates progression during the design_contracted phase by integrating with the design QA workflow to ensure handoff artifacts pass readiness checks before moving to orchestration.

How do I capture evidence when checking design handoff readiness?

Capture evidence when checking design handoff readiness by running adversarial evaluations against the contract, which outputs structured documentation and convergence metadata alongside the final verdict.

What are the limitations of automated design handoff review?

Automated design handoff review limitations include dependency on a browser-enabled environment for full evaluation capability, requiring static analysis fallback when browser access is restricted.