skills.rest
Bradliebs
BradliebsCOMMUNITY
Explore all skills by this author →
GitHub

design-review

Identify and fix visual inconsistencies, spacing issues, and hierarchy problems in UI designs.

Updated Mar 14, 2026
Search Tags:#typography#screenshots#spacing#design-review#visual QA#UI-audit#before-after
One-click install
npx skills add https://github.com/Bradliebs/VolumeTurtle --skill design-review-bradliebs
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-review
Source: https://github.com/Bradliebs/VolumeTurtle/tree/main/.gstack/design-review
Command: npx skills add https://github.com/Bradliebs/VolumeTurtle --skill design-review-bradliebs

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Designer's eye QA: finds visual inconsistencies, spacing issues, hierarchy problems, AI slop patterns, and slow interactions — then fixes them. Iteratively fixes issues in source code, committing each fix atomically and re-verifying with before/after screenshots. For plan-mode design review (before implementation), use /plan-design-review. Use when asked to "audit the design", "visual QA", "check if it looks good", or "design polish". Proactively suggest when the user mentions visual inconsistencies or wants to polish the look of a live site. (gstack)

Core Features & Use Cases

  • Visual QA for UI polish and layout accuracy
  • Plan-mode design reviews before implementation via /plan-design-review
  • Iterative fixes with atomic commits and before/after verification

Quick Start

Invoke the design-review skill on the target site and start a visual QA pass to produce a before/after report.

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 my live site?▼

Run a visual QA audit by invoking the design-review skill on your target site to detect visual inconsistencies, spacing issues, and hierarchy problems, producing a before/after report with iterative source code fixes.

What is plan-mode design review and when do I need it?▼

Plan-mode design review evaluates UI designs before implementation to catch visual inconsistencies, spacing, and hierarchy problems early. Use /plan-design-review when you want to audit design quality prior to writing production code.

Can I verify UI fixes with before and after screenshots?▼

Yes, you can verify UI fixes with before and after screenshots. The design review process re-verifies outcomes visually after iteratively applying each atomic source code fix, ensuring visual inconsistencies are resolved.

Does the visual QA process commit fixes atomically?▼

Yes, the visual QA process commits fixes atomically. It iteratively fixes visual inconsistencies, spacing, and hierarchy problems directly in source code, committing each individual fix as an atomic update before screenshot verification.

What is the best way to polish UI and fix visual inconsistencies?▼

The best way to polish UI is applying an automated visual QA pass to identify spacing and hierarchy problems, then iteratively fixing them in source code with atomic commits and before/after screenshot verification.

Related Skills

Explore More Design & Creative Skills→
algorithmbasicsalgorithmbasics

design-review

Audit live UI for visual inconsistencies and propose fixes.

Community
Advanced
zzxtbetazzxtbeta

design-review

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

Community
Advanced
zhu637882-stackzhu637882-stack

design-review

Detect and fix visual design issues in UI implementations with atomic commits.

Community
Intermediate
soyasissoyasis

design-review

Audit live sites for typography, spacing, color, and layout against a design system.

Community
Advanced