design-review

Name: design-review
Availability: InStock
Author: him55710-sudo

Audit interfaces for typography, spacing, hierarchy, and interaction inconsistencies.

Updated Mar 19, 2026

Search Tags:#typography #layout #design-review #visual QA #before-after #ui-polish

Ready to run

npx skills add https://github.com/him55710-sudo/uni-foli --skill design-review-him55710-sudo

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: design-review
Source: https://github.com/him55710-sudo/uni-foli/tree/main/.agents/skills/gstack-design-review
Command: npx skills add https://github.com/him55710-sudo/uni-foli --skill design-review-him55710-sudo

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Visual QA for design polish, catching inconsistencies in typography, spacing, hierarchy, and interaction slop, then fixing them in an atomic, verifiable way.

Core Features & Use Cases

Detect visual inconsistencies across pages, components, and states
Propose fixes that improve readability, spacing, and hierarchy
Iterate fixes with before/after verification screenshots to guarantee improvement

Quick Start

Start a live-site audit by running a plan-design-review to identify visual inconsistencies, spacing issues, and hierarchy problems, then implement fixes and commit atomic changes.

Frequently Asked Questions about design-review

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

FAQPage Schema

How do I perform a visual QA audit on a live site interface?▼

Visual QA audits on a live site identify inconsistencies in typography, spacing, and hierarchy. Using a plan-mode workflow, the review guides you from detecting visual slop to implementing fixes and verifying them with before/after screenshots.

What is the best way to fix UI polish and design debt before shipping?▼

Fixing UI polish requires detecting interaction slop and visual inconsistencies, then proposing targeted fixes. An iterative process enforces readability and hierarchy improvements, committing changes atomically with before/after proofs to guarantee design quality.

Can I check design system components for spacing and hierarchy inconsistencies?▼

Yes, design system polish checks detect visual inconsistencies across components and states. The review applies to pre-implementation plan checks and live-site reviews, ensuring typography and spacing remain consistent across your interface.

How does the before and after verification process work for visual reviews?▼

Before and after verification captures screenshots to prove visual improvements during iterative fixes. This mechanism guarantees that typography, spacing, and hierarchy changes actually resolve the detected design debt before atomic commits.

Do I need any specific dependencies to run a plan-design-review workflow?▼

No specific dependencies are required to run a plan-design-review workflow. The process operates independently to audit visuals, detect interaction slop, and commit atomic changes with before/after proofs for your interface.

Why does my interface visual review fail to catch spacing inconsistencies?▼

Visual reviews miss spacing inconsistencies when lacking an iterative plan-mode workflow. A proper design audit enforces step-by-step detection of typography and hierarchy issues, verifying fixes with before/after proofs to eliminate design debt.