design-review

Audit live UI pages for visual inconsistencies, spacing, and slow interactions.

5|1|Updated Feb 12, 2026
One-click install
npx skills add https://github.com/drt0927/tw-overlay --skill design-review-drt0927
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: design-review
Source: https://github.com/drt0927/tw-overlay/tree/main/.gemini/skills/gstack-design-review
Command: npx skills add https://github.com/drt0927/tw-overlay --skill design-review-drt0927

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Design QA helps teams spot and fix visual inconsistencies, spacing issues, and slow interactions that degrade polish and coherence across live UI.

Core Features & Use Cases

  • Visual QA: detect typography, alignment, color contrast, and interaction timing issues on pages and components.
  • Iterative fixes: propose atomic design adjustments with before/after verifications and documentation.
  • Use Case: run a plan-mode audit on a screen and receive actionable fixes with screenshots.

Quick Start

Provide a concise audit of the target page, list the top three visual issues, and propose concrete fixes with before/after references.

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 to fix UI typography and spacing issues?

Run a visual QA audit by targeting live web or app pages to detect typography, spacing, and color contrast issues. The audit identifies visual inconsistencies and proposes atomic design adjustments with before/after visual verifications for implementation.

What is design polish and how does automated visual review work?

Design polish is the process of resolving visual inconsistencies and slow interactions across live UI. Automated visual review works by auditing components and pages to guide engineers in fixing alignment, contrast, and interaction timing.

Can I use automated design review for both web and app surfaces?

Yes, you can use automated design review for both web and app surfaces. It audits live pages across components, pages, and flows to spot visual inconsistencies and interaction timing issues regardless of the specific platform.

How do I get actionable fixes with before/after visuals for UI inconsistencies?

To get actionable fixes with before/after visuals, run a plan-mode audit on the target screen. This provides concrete design adjustments, documents the changes, and validates them using before and after visual references.

What is the best way to enforce atomic fixes during a UI polish workflow?

The best way to enforce atomic fixes during UI polish is to require a structured implementation plan with clear acceptance criteria. This ensures each visual adjustment is validated with before/after references before moving forward.

Why does my UI design review fail to catch slow interactions and timing issues?

A UI design review may fail to catch slow interactions if it only checks static visuals. A comprehensive audit must evaluate live pages to detect interaction timing issues alongside typography, alignment, and color contrast problems.