design-review

Enforce reference-driven design review with explicit vitality verdicts.

Updated Jun 22, 2026
One-click install
npx skills add https://github.com/davidgarciagordo/design-review --skill design-review-davidgarciagordo
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: design-review
Source: https://github.com/davidgarciagordo/design-review/tree/main
Command: npx skills add https://github.com/davidgarciagordo/design-review --skill design-review-davidgarciagordo

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill prevents AI-generated interfaces from stopping at technically correct but visually generic results by enforcing a reference-driven review process and requiring an explicit alive verdict before completion.

Core Features & Use Cases

  • Gated Design Pipeline: Runs audit-first review, live reference research, context packaging, routed design lenses, user-selected fixes, and final vitality verification in a fixed order.
  • Anti-Templated Evaluation: Combines four read-only third-party perspectives covering structure, composition, motion, accessibility, and visual identity.
  • Live Verdict Enforcement: Renders the target in light, dark, and mobile states, compares it against current references, and records an alive, templated, or flat verdict.
  • Use Case: Apply it to a settings page, dashboard, landing page, or design-system component to identify generic patterns, prioritize fixes, and verify that the implemented result feels distinctive and product-specific.

Quick Start

Run a design review on the target interface and continue until its live-rendered result earns an alive verdict.

Frequently Asked Questions about design-review

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

FAQPage Schema
How do I review AI-generated UI design to prevent generic looking interfaces?

Run a reference-driven design review that audits UI structure, composition, motion, and visual identity against live browser research, then applies user-approved fixes to eliminate generic patterns.

What is a design vitality verdict and when do I need it for web pages?

A design vitality verdict is an explicit assessment confirming whether a rendered UI feels alive or templated. You need it when finalizing dashboards, landing pages, or design-system components to ensure they feel product-specific.

How to check UI accessibility and responsiveness during a visual critique?

Check UI accessibility and responsiveness by rendering the target interface in light, dark, and mobile states, running accessibility checks, and comparing results against current design references to record a final verdict.

Can I use Claude Code for design system component reviews and anti-templated evaluation?

Yes, Claude Code supports design system component reviews by running an ordered audit pipeline that applies multiple read-only third-party design lenses to evaluate structure, composition, motion, and visual identity.

What are the limitations of automated visual critique for dashboards and landing pages?

Automated visual critique is limited to read-only diagnosis and cannot apply fixes without explicit user approval. It requires rendering verification across light, dark, and mobile states before issuing an alive verdict.