skills.rest
EhsaanArk
EhsaanArkCOMMUNITY
Explore all skills by this author →
GitHub

design-review

Audit live site visual design and propose atomic fixes for typography, spacing, color, and hierarchy.

Updated Mar 14, 2026
Search Tags:#typography#ui-design#spacing#visual-qa#design-audit#before-after
One-click install
npx skills add https://github.com/EhsaanArk/ai-signal-router --skill design-review-ehsaanark
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-review
Source: https://github.com/EhsaanArk/ai-signal-router/tree/main/.claude/skills/gstack/design-review
Command: npx skills add https://github.com/EhsaanArk/ai-signal-router --skill design-review-ehsaanark

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Visual inconsistencies, spacing issues, and hierarchy problems slow down product polish. This skill identifies and proposes atomic fixes to improve visual quality, consistency, and perceived usability, then verifies improvements with before/after evidence.

Core Features & Use Cases

  • Manual design audit: spot-and-fix visual glitches on live sites, guided by a designer's eye.
  • Plan-mode design review: prepare a design polish plan before implementation, with before/after artifacts.
  • Iterative fixes: apply small, atomic commits that progressively improve typography, spacing, color, and interactions, with re-verification.

Quick Start

Run the design-review skill on your target site to begin a visual audit and fix cycle.

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 design audit on a live website?▼

A visual design audit identifies UI issues like typography and spacing inconsistencies on a live site. This skill analyzes pages against a baseline reference, proposing atomic, testable fixes to improve clarity, hierarchy, and usability.

What is the best way to fix UI spacing and hierarchy problems iteratively?▼

Fixing UI spacing and hierarchy problems iteratively involves applying small, atomic commits that progressively improve visual quality. This skill generates these targeted fixes and re-verifies improvements using before and after evidence.

Do I need a baseline design reference to run an automated UI design review?▼

Yes, a UI design review requires a baseline design reference like a DESIGN.md file or universal design principles. This reference guides the visual QA process to ensure proposed atomic fixes align with established visual standards.

Can I plan UI design polish fixes before implementation?▼

Yes, you can plan UI design polish fixes before implementation using a plan-mode design review. This approach prepares a structured polish plan with before and after artifacts to guide the visual QA and implementation process.

What visual QA elements are checked during a site design audit?▼

A site design audit checks visual QA elements including typography, spacing, color, hierarchy, and interaction states. It identifies inconsistencies across these elements to propose atomic fixes that enhance overall visual quality and usability.

Related Skills

Explore More Design & Creative Skills→
fengjutianfengjutian

stitch-design-taste

Generate DESIGN.md files defining visual and interaction standards for Google Stitch.

Community
Advanced
kunalrawat425kunalrawat425

design-review

Audit visual design inconsistencies and fix them with atomic commits.

Community
Advanced
whd4whd4

design-review

Audit UI alignment, typography, color, and spacing for visual inconsistencies.

Community
Advanced
zinohomezinohome
1

visual-regression-tester

Capture and compare UI screenshots with Playwright and Chromatic.

Community
Advanced