skills.rest
vib795
vib795COMMUNITY
Explore all skills by this author →
WebsiteGitHub

design-review

Audit live sites for visual inconsistencies in typography, spacing, and hierarchy.

Updated Apr 16, 2026
Search Tags:#typography#ui-ux#spacing#design-review#before-after#visual-audit#live-site
One-click install
npx skills add https://github.com/vib795/copilot-anatomy --skill design-review-vib795
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-review
Source: https://github.com/vib795/copilot-anatomy/tree/main/.github/skills/gstack-design-review
Command: npx skills add https://github.com/vib795/copilot-anatomy --skill design-review-vib795

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Audits live sites for visual consistency, spacing, typography, and UI hierarchy to catch subtle design flaws before they reach users.

Core Features & Use Cases

  • Visual QA of typography, spacing, and visual hierarchy across pages and components.
  • Iterative fixes in the source code with atomic commits and verification via before/after screenshots.
  • Plan-mode design review before implementation to align with product goals and branding.

Quick Start

Provide the target URL and scope for a live design audit.

Frequently Asked Questions about design-review

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

FAQPage Schema
How do I audit a live site for visual inconsistencies and spacing?▼

A visual UI audit evaluates live web pages to detect typography flaws, spacing errors, and hierarchy issues. It works by comparing pages against design tokens and a CSS baseline, then verifying corrections using before and after screenshots.

What is a visual UI audit and how does it ensure pixel-perfect design?▼

A visual UI audit evaluates live web pages to detect typography flaws, spacing errors, and hierarchy issues. It works by comparing pages against design tokens and a CSS baseline, then verifying corrections using before and after screenshots.

Do I need design tokens and a CSS baseline to run a design review?▼

Yes, running a design review requires clear design tokens and an established CSS baseline. These prerequisites allow the audit to accurately identify visual flaws and maintain spacing consistency across live site components.

Can I review typography and spacing issues across multiple pages and components?▼

Yes, you can review typography and spacing issues across multiple pages and components. The audit iteratively fixes source code errors, commits changes atomically, and re-verifies the visual hierarchy using before and after screenshots.

What is the best way to fix slow interactions and visual hierarchy problems on a live site?▼

The best way to fix slow interactions and visual hierarchy problems is through a plan-mode design review. This approach aligns fixes with product goals, commits source code changes atomically, and verifies results with screenshots.

Related Skills

Explore More Design & Creative Skills→
aemdemosaemdemos

Get General Styling — Design System Extraction Skill

Extract site-wide styling and design tokens from a live website.

Official
Advanced
legotec73legotec73

design-review

Audit live websites for visual issues and apply atomic code fixes.

Community
Advanced
Open-Earth-FoundationOpen-Earth-Foundation
45

repo-doc-audit

Audit repository documentation for inconsistencies and generate a prioritized fix report.

Official
Basic
ShmurdocShmurdoc

design-review

Automates UI visual audits and fixes identified issues in source code.

Community
Advanced