design-review

Audit UI designs for hierarchy, spacing, typography, and interaction issues.

Updated Mar 18, 2026
One-click install
npx skills add https://github.com/AndrewLi0420/BMW --skill design-review-andrewli0420
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: design-review
Source: https://github.com/AndrewLi0420/BMW/tree/main/.claude/skills/gstack/design-review
Command: npx skills add https://github.com/AndrewLi0420/BMW --skill design-review-andrewli0420

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Visual design QA helps teams identify and fix inconsistencies in spacing, typography, hierarchy, and interaction patterns. It enables iterative fixes with measurable before/after evidence to raise UI quality and reduce design drift.

Core Features & Use Cases

  • Comprehensive UI design audits that surface layout, typography, color, and interaction issues
  • Plan-mode design review for pre-implementation polish and design critique
  • Iterative fixes with atomic commits and before/after verification to ensure changes are tangible

Quick Start

Provide the target design artifact and run the audit to start the review.

Frequently Asked Questions about design-review

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

FAQPage Schema
What is a UI design audit and how does it fix visual inconsistencies?

A UI design audit identifies and fixes visual inconsistencies by evaluating hierarchy, spacing, typography, and interaction patterns, producing a reproducible checklist and before/after evidence to reduce design drift.

How do I perform a visual QA review for web app dashboards?

To perform visual QA for web app dashboards, audit layout and interaction patterns across multiple pages or components, generate a reproducible checklist, and apply iterative fixes with before/after verification.

Can I use design review for pre-implementation polish and redlines?

Yes, you can use design review for pre-implementation polish and redlines by running a plan-mode critique that surfaces layout, typography, color, and interaction issues before development begins.

Do I need a design system to align suggested UI fixes?

A design system is not strictly required, but the visual QA process suggests fixes specifically aligned to a design system to ensure consistency and raise overall UI quality during polish cycles.

What's the best way to capture before and after evidence during a design review?

The best way to capture before/after evidence during a design review is to apply iterative fixes with atomic commits, verifying that each change is tangible and aligned with the established design system.

Why does spacing and typography drift occur in multi-page web apps?

Spacing and typography drift occurs in multi-page web apps when visual QA is skipped during iterative development, causing accumulated inconsistencies in hierarchy and interaction patterns that require an audit to resolve.