design-review

Audit live sites for visual consistency across typography, spacing, and interactions.

Updated Mar 29, 2026

Search Tags:#typography #spacing #polish #design-review #visual QA #ui-audit

Ready to run

npx skills add https://github.com/ibalasite/gstack --skill design-review-ibalasite

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: design-review
Source: https://github.com/ibalasite/gstack/tree/main/design-review
Command: npx skills add https://github.com/ibalasite/gstack --skill design-review-ibalasite

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill provides rigorous visual design QA to catch visual inconsistencies, spacing and typographic issues, and interaction slowdowns, enabling designers and developers to polish live interfaces.

Core Features & Use Cases

Visual QA audits of live designs against design system guidelines.
Before/after artifact generation and atomic fixes with traceable commits.
Plan-mode design review workflow before implementation, with guidance for designers, engineers, and product.

Quick Start

Run a full-site visual audit to identify gaps and propose fixes to achieve a coherent, polished UI.

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 UI?▼

Run a visual QA audit by scanning live sites to evaluate typography, spacing, hierarchy, and interactions against design-system guidelines. The audit identifies visual inconsistencies and proposes atomic fixes with before and after evidence for polished interfaces.

What is a plan-mode design review workflow?▼

A plan-mode design review workflow evaluates visual quality and consistency before implementation. It provides guidance for designers, engineers, and product teams to resolve typographic issues and interaction slowdowns with traceable commits and visual diffs.

Can I audit specific pages instead of a full site for spacing and typography issues?▼

Yes, you can apply visual audits to focused pages or full sites. The audit checks spacing and typographic issues, ensuring alignment with design-system guidelines and generating before and after artifacts for visual verification.

How do I verify UI fixes after a design audit?▼

Verify UI fixes after a design audit using visual diffs and before/after artifact generation. This ensures the applied atomic fixes resolve visual inconsistencies and maintains commit traceability for the polished interface.