design-review

Audit live sites for visual inconsistencies and spacing issues.

Updated Mar 30, 2026

Search Tags:#typography #design-system #spacing #design-review #ui-polish #visual-audit

Ready to run

npx skills add https://github.com/mulyoved/awesome-agent-ides --skill design-review-mulyoved

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: design-review
Source: https://github.com/mulyoved/awesome-agent-ides/tree/main/.agents/skills/gstack/design-review
Command: npx skills add https://github.com/mulyoved/awesome-agent-ides --skill design-review-mulyoved

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Designing polished UIs with consistent visuals can be time-consuming and error-prone. This Skill audits live sites for visual inconsistencies, spacing issues, typography hierarchy, and interaction slop, then fixes them with atomic commits and before/after verification.

Core Features & Use Cases

Visual QA: detect alignment, spacing, typography, and color mismatches across pages.
Design polish: propose actionable fixes to improve perceived usability and aesthetics.
Plan-design-review support: prepare before-implementation reviews to guide design decisions.

Quick Start

Audit a live site for a design polish and run fixes to verify improvements.

Frequently Asked Questions about design-review

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

FAQPage Schema

How do I audit my live site for UI design inconsistencies and spacing issues?▼

A visual UI audit detects alignment, spacing, typography, and color mismatches across pages or design systems. This Skill identifies visual inconsistencies, proposes actionable fixes to improve aesthetics and usability, and verifies polish with before/after screenshots.

What is the best way to fix typography hierarchy and interaction slop in an existing UI?▼

Fixing typography hierarchy and interaction slop requires a visual QA audit to detect the issues. This Skill analyzes live sites for these specific visual inconsistencies and provides actionable polish suggestions to improve perceived usability.

Can I run a visual QA audit on a live website without a pre-existing design system?▼

Yes, a visual QA audit can run on a live website without a pre-existing design system. This Skill applies to both live sites and design systems to detect visual inconsistencies and propose actionable polish fixes.

How do I prepare a plan-design-review to guide UI implementation decisions?▼

To prepare a plan-design-review, conduct a pre-implementation visual audit of UI typography, spacing, and hierarchy. This Skill provides the visual QA needed to guide design decisions and ensure polish before implementation begins.

Does this visual audit tool verify UI fixes with before and after screenshots?▼

Yes, this visual audit tool verifies UI fixes using atomic commits paired with before and after screenshots. This ensures typography, spacing, and interaction polish improvements are documented and validated.