design-review

Audit web and mobile interfaces for spacing, hierarchy, and alignment issues.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Designer's eye QA: finds visual inconsistencies, spacing issues, hierarchy problems, AI slop patterns, and slow interactions — then fixes them. Iteratively fixes issues in source code, committing each fix atomically and re-verifying with before/after screenshots. For plan-mode design review (before implementation), use /plan-design-review.

Core Features & Use Cases

  • Visual QA for design polish and consistency across interfaces.
  • Detects spacing, typography, and hierarchy issues; flags AI slop patterns and slow interactions for fixes.
  • Iterative workflow: fixes committed atomically with before/after verification; supports plan-design-review as a pre-implementation check.

Quick Start

Audit the current design for visual inconsistencies and provide atomic fixes with before/after screenshots.

Frequently Asked Questions about design-review

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

FAQPage Schema
How do I fix spacing and visual hierarchy issues in my web interface?

To fix spacing and visual hierarchy issues, you can run a visual QA audit that scans source code for alignment problems and proposes atomic fixes validated with before and after screenshots.

What is visual QA for UI polish and how does it work?

Visual QA for UI polish is an auditing process that detects spacing, typography, and hierarchy inconsistencies in designs, then iteratively commits atomic fixes to source code with before and after verification screenshots.

Do I need source code and design assets to run a design review?

Yes, you need source code and design assets to run a design review, because the visual QA process iteratively fixes inconsistencies directly in the codebase and verifies them with before and after screenshots.

Can I review UI consistency before the implementation phase starts?

Yes, you can review UI consistency before implementation by using a plan-mode design review, which audits design assets for visual issues and proposes fixes prior to writing any production code.

What is the best way to detect and fix AI slop patterns in web interfaces?

The best way to detect and fix AI slop patterns is using an automated visual QA audit that flags these inconsistencies alongside slow interactions, then applies iterative source code fixes with before and after validation.

Does visual QA support both web and mobile interface reviews?

Yes, visual QA supports both web and mobile interface reviews, auditing for spacing, hierarchy, and alignment issues across different platforms while enforcing atomic commits with before and after validation.