design-review

Audit live UI for visual consistency, spacing, hierarchy, and interaction latency.

Updated Feb 27, 2026
One-click install
npx skills add https://github.com/curielmc/beat-SPY --skill design-review-curielmc
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: design-review
Source: https://github.com/curielmc/beat-SPY/tree/main/.claude/skills/gstack/design-review
Command: npx skills add https://github.com/curielmc/beat-SPY --skill design-review-curielmc

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Audit live UI for visual consistency, spacing, hierarchy, and interaction latency to identify and fix visual defects.

Core Features & Use Cases

  • Visual QA to spot inconsistencies, spacing issues, hierarchy problems, AI slop patterns, and slow interactions.
  • Iterative fixes with atomic commits and before/after verification screenshots.
  • Plan-mode design reviews before implementation and proactive polish suggestions.

Quick Start

Audit a live site by saying: design-review audit https://your-site.com with default scope.

Frequently Asked Questions about design-review

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

FAQPage Schema
How do I run a visual QA audit on my live UI?

To run a visual QA audit, provide the target URL and define the scope. The design review scans live sites to identify visual consistency, spacing, hierarchy, and interaction latency defects, returning suggested corrections.

What is a visual design review and how does it fix UI inconsistencies?

A visual design review audits live UI for spacing, hierarchy, and accessibility inconsistencies. It identifies visual defects and AI slop patterns, applying iterative fixes with atomic commits and before/after verification screenshots to polish visuals.

Can I review UI design in plan-mode before implementation?

Yes, you can conduct plan-mode design reviews before implementation. This process evaluates the proposed UI to spot visual defects and provides proactive polish suggestions to ensure visual consistency prior to coding.

How do I check my website for typography and spacing issues?

You can check your website for typography and spacing issues by triggering a visual audit with your target URL. The review identifies hierarchy problems and visual defects, generating suggested corrections and before/after evidence.

Does the visual audit work on a focused page or the whole site?

The visual audit works on both the whole site and a focused page. You must provide a target URL and a defined scope to execute the visual QA and identify interaction latency or spacing defects accurately.