design-review

Enforce reference-driven design review with explicit vitality verdicts.

Updated Jun 22, 2026

Search Tags:#accessibility #claude code #design systems #design review #ui design #visual critique #anti-templated

Ready to run

npx skills add https://github.com/davidgarciagordo/design-review --skill design-review-davidgarciagordo

💬 Prompt for ChatGPT / Claude Chat▼

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.