skills.rest
lucas-flatwhite
lucas-flatwhiteCOMMUNITY
Explore all skills by this author →
𝕏@lucas_flatwhiteGitHub

design-review

Audit live sites for visual inconsistencies and implement fixes with before/after verification.

43|7|Updated Mar 13, 2026
Search Tags:#typography#design#design-system#spacing#ui-polish#visual-audit
One-click install
npx skills add https://github.com/lucas-flatwhite/gstack-ko --skill design-review-lucas-flatwhite
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-review
Source: https://github.com/lucas-flatwhite/gstack-ko/tree/main/design-review
Command: npx skills add https://github.com/lucas-flatwhite/gstack-ko --skill design-review-lucas-flatwhite

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill provides a rigorous framework to audit live sites for visual inconsistencies, spacing issues, and hierarchy problems, enabling teams to polish UI and improve perceived quality.

Core Features & Use Cases

  • Visual audit workflow: identify and document misalignments, spacing issues, color inconsistencies, and typography problems.
  • Design-system calibration: align with inferred or provided design systems and ensure consistency across pages.
  • Fix-and-verify cycle: implement atomic commits and re-check with before/after visuals to confirm improvements.

Quick Start

Run the /design-review command on your target site to start a full 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 audit a live website for visual inconsistencies and UI polish?▼

A visual audit of a live site identifies misalignments, spacing issues, color inconsistencies, and typography problems on a target URL. It enforces design-system calibration and accessible checks to improve UI polish and perceived quality.

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

The best way to fix spacing and hierarchy problems is a fix-and-verify cycle proposing and implementing fixes through atomic commits. It provides before/after verification artifacts to confirm UI polish improvements and traceable design decisions.

Can I run a focused visual audit on a single page instead of a full-site review?▼

Yes, you can operate a focused page review instead of a full-site review. The visual audit operates on a chosen target URL with options for both full-site and focused page scopes to identify visual inconsistencies and hierarchy problems.

How does a design-system calibration check work for typography and color accessibility?▼

Design-system calibration aligns live UI with inferred or provided design systems to ensure consistency across pages. It enforces accessible color and typography checks to verify polish and maintain visual hierarchy standards.

Do I need a provided design system to verify UI polish and visual consistency?▼

No, you do not need a provided design system. The visual audit can align with inferred design systems to enforce calibration, ensuring spacing and typography consistency across pages without requiring explicit design tokens.

Related Skills

Explore More Design & Creative Skills→
curielmccurielmc

design-review

Audit live UI for visual consistency, spacing, hierarchy, and interaction latency.

Community
Advanced
UlanxxUlanxx

design-review

Audit UI designs for visual inconsistencies and fix them with atomic commits.

Community
Advanced
ECFN15ECFN15

light-ui

Generate Light UI design plans with tokens, spacing, and component guidance for bright SaaS apps.

Community
Intermediate
apeejay-educationapeejay-education

design-review

Audit UI designs for visual inconsistencies and spacing issues.

Official
Advanced