skills.rest
mulyoved
mulyovedCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

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
One-click install
npx skills add https://github.com/mulyoved/awesome-agent-ides --skill design-review-mulyoved
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Design & Creative Skills→
rshelekhovrshelekhov

plan-design-review

Audit live websites for visual design gaps and generate a prioritized DESIGN.md report.

Community
Advanced
ekrishguptaekrishgupta
1

design-review

Audit live sites for visual consistency and fix issues with atomic commits.

Community
Advanced
eboodyeboody

ui-expert

Audit UI designs for visual hierarchy, spacing, typography, and design-system consistency.

Community
Advanced
robit-manrobit-man

regression-visual

Compare screenshots and analyze pixel differences across browsers and viewports.

Community
Advanced