skills.rest
huichen
huichenCOMMUNITY
Explore all skills by this author →
GitHub

design-review

Audit UI designs and live sites for visual inconsistencies and spacing issues.

Updated Mar 31, 2026
Search Tags:#typography#accessibility#spacing#visual-qa#design-review#ui-audit
One-click install
npx skills add https://github.com/huichen/gstack --skill design-review-huichen
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-review
Source: https://github.com/huichen/gstack/tree/main/design-review
Command: npx skills add https://github.com/huichen/gstack --skill design-review-huichen

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Designers and engineers often spend excessive time chasing visual inconsistencies, spacing issues, and unclear hierarchy across live sites. This skill delivers consistent UI polish by performing targeted visual QA, proposing fixes, and validating changes with before/after comparisons.

Core Features & Use Cases

  • Visual QA: identify typography, spacing, color, and contrast gaps that degrade user experience.
  • Iterative fixes: implement atomic design fixes, verify with before/after screenshots, commit changes, and re-check.
  • Design polish on demand: audit live sites when asked to "design audit" or "visual polish" and proactively suggest improvements.

Quick Start

Request a design audit by providing the URL and scope; I will run a design-review pass to audit visuals, spacing, and hierarchy.

Frequently Asked Questions about design-review

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

FAQPage Schema
How do I run a visual QA audit on a live website to fix spacing and typography issues?▼

Run a visual QA audit by providing your live site URL and scope to measure typography scale, spacing rhythm, and visual hierarchy. The audit identifies visual inconsistencies and accessibility gaps, proposing iterative fixes with verifications and before/after screenshots.

What is UI visual polish and how does it improve readability and flow?▼

UI visual polish is the process of identifying and fixing visual inconsistencies, spacing issues, and unclear hierarchy across live sites. It improves readability and flow by applying targeted design fixes that align typography scale, spacing rhythm, and accessibility cues.

Can I use this design review to audit specific pages like dashboards and checkout flows?▼

Yes, you can apply design review to focused pages such as product pages, dashboards, or checkout flows. It measures visual hierarchy and accessibility cues on these specific scopes, providing atomic design fixes and before/after comparisons to validate changes.

What is the best way to verify UI accessibility and contrast fixes during a visual audit?▼

The best way to verify UI accessibility and contrast fixes during a visual audit is by implementing atomic design changes and validating them with before/after screenshots. This process commits changes and re-checks the site to ensure accessibility cues meet requirements.

Does visual QA testing work for full-site audits or only single page design reviews?▼

Visual QA testing works for both full-site audits and single page design reviews. Whether auditing an entire live site or a focused checkout flow, it measures typography, spacing rhythm, and visual hierarchy to proactively suggest and implement improvements.

Related Skills

Explore More Design & Creative Skills→
hossain-khanhossain-khan

arrange

Audit UI layouts and document spacing scales for responsive design.

Community
Advanced
wodehwodeh

design-review

Detect and fix visual inconsistencies, spacing, and hierarchy in UI designs.

Community
Advanced
phananhtuan09phananhtuan09

frontend-design-fundamentals

Standardize UI visuals with responsive layouts, typography, spacing, and WCAG-compliant color contrast.

Community
Intermediate
yahav123147yahav123147

design-review

Audit visual design inconsistencies and apply iterative source-level fixes.

Community
Advanced