skills.rest
pistosmin
pistosminCOMMUNITY
Explore all skills by this author →
GitHub

design-review

Identify visual inconsistencies, spacing issues, and hierarchy problems across target sites.

Updated Mar 24, 2026
Search Tags:#typography#design-system#visual-qa#design-review#before-after#ui-polish
One-click install
npx skills add https://github.com/pistosmin/base-one --skill design-review-pistosmin
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-review
Source: https://github.com/pistosmin/base-one/tree/main/.claude/skills/gstack/design-review
Command: npx skills add https://github.com/pistosmin/base-one --skill design-review-pistosmin

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Designer's eye QA identifies visual inconsistencies, spacing issues, hierarchy problems, AI slop patterns, and slow interactions, then fixes them with atomic commits and before/after verification.

Core Features & Use Cases

  • Visual QA across pages and components (typography, spacing, color, hierarchy)
  • Atomic fixes with before/after verification and commit-by-commit changes
  • Plan-mode design review for pre-implementation planning

Quick Start

Navigate to the target site and start the design-review flow to begin auditing visuals immediately.

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 check to fix UI inconsistencies on my website?▼

Visual QA identifies inconsistencies by auditing target site pages and components for spacing, typography, color, and hierarchy problems, then proposing fixes with before/after evidence and atomic commits.

What is a design system review and how does it improve UI polish?▼

A design system review evaluates target site pages to identify visual inconsistencies, spacing issues, and hierarchy problems, proposing fixes that align the interface with robust design QA standards through before/after verification.

Can I plan UI fixes before applying them during a visual design audit?▼

You can plan UI fixes using plan-design-review mode, which allows pre-planning visual changes and establishing guardrails before applying atomic fixes to components.

Does design review work on individual components or only full pages?▼

Design review applies to both individual components and full pages, executing visual QA across the target site to detect typography, spacing, color, and hierarchy problems with before/after visual verification.

What is the best way to document typography and spacing fixes across a site?▼

The best way to document fixes is applying atomic commits for each change, capturing before/after visual evidence and following documented guardrails to ensure robust design QA coverage across the target site.

Why does my UI look inconsistent even after applying a design system?▼

UI inconsistencies stem from undetected spacing issues, hierarchy problems, or AI slop patterns; a visual QA review identifies these exact visual inconsistencies and proposes fixes with before/after verification.

Related Skills

Explore More Design & Creative Skills→
TobiasPerryTobiasPerry

design-consultation

Generate a design system proposal and DESIGN.md with typography, color, spacing, and motion guidelines.

Community
Advanced
kunalrawat425kunalrawat425

design-review

Audit visual design inconsistencies and fix them with atomic commits.

Community
Advanced
zzxtbetazzxtbeta

design-review

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

Community
Advanced
robit-manrobit-man

regression-visual

Compare screenshots and analyze pixel differences across browsers and viewports.

Community
Advanced