skills.rest
him55710-sudo
him55710-sudoCOMMUNITY
Explore all skills by this author →
GitHub

design-review

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
One-click install
npx skills add https://github.com/him55710-sudo/uni-foli --skill design-review-him55710-sudo
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Design & Creative Skills→
alexandervashurinalexandervashurin

design-review

Audit UI visuals for inconsistencies, spacing, and hierarchy issues.

Community
Advanced
agwacomagwacom

design-review

Audit live sites for visual design defects and apply atomic fixes.

Official
Advanced
getcrew44getcrew44
358

visual-system-review

Evaluate UI screens for visual consistency, hierarchy, and design-system token adherence.

Official
Basic
lyh2lyh2

design-review

Audit live UI to detect visual inconsistencies and fix them atomically.

Community
Advanced