skills.rest
ComputerConnection
ComputerConnectionCOMMUNITY
Explore all skills by this author →
GitHub

design-review

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

Updated Mar 31, 2026
Search Tags:#typography#design-system#spacing#design-review#color-contrast#visual-audit#UI-polish
One-click install
npx skills add https://github.com/ComputerConnection/zach-pack --skill design-review-computerconnection
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-review
Source: https://github.com/ComputerConnection/zach-pack/tree/main/skills/gstack-design-review
Command: npx skills add https://github.com/ComputerConnection/zach-pack --skill design-review-computerconnection

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Visual QA is a pain point for teams delivering polished interfaces. This skill provides a designer-grade audit to detect visual inconsistencies, spacing problems, typography issues, and slow interactions, then fixes them iteratively with atomic commits and before/after verification.

Core Features & Use Cases

  • Systematic visual audits covering typography, spacing, color, and interaction states.
  • Plan-mode design reviews to align with a project's design system before implementation.
  • Atomic commits with before/after verification to ensure traceable improvements and easy rollback when needed.

Quick Start

Audit a live site, identify visual issues, apply fixes, and commit each change atomically with before/after validation.

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 audit on a live site to fix UI inconsistencies?▼

Run a visual audit to inspect typography, spacing, color contrast, and interactions across pages, then apply actionable fixes and commit changes atomically with before/after verification.

What is the best way to enforce design-system alignment during a UI polish review?▼

The best way to enforce design-system alignment is using plan-mode design reviews to inspect typography, spacing, and color contrast against project tokens before applying iterative fixes.

Can I verify typography and spacing fixes with before and after validation?▼

Yes, you can verify typography and spacing fixes by committing each change atomically with before/after validation, ensuring traceable improvements and easy rollback when needed.

Does a structured visual QA workflow cover color contrast and interaction states?▼

A structured visual QA workflow systematically covers color contrast and interaction states, auditing live sites for visual quality and fixing design inconsistencies end-to-end.

When do I need an automated design review for UI inconsistencies?▼

You need an automated design review for UI inconsistencies when delivering polished interfaces, allowing you to detect visual inconsistencies, spacing problems, and typography issues iteratively.

Related Skills

Explore More Design & Creative Skills→
Liambiswell20-techLiambiswell20-tech

design-review

Audit live or staged sites for visual inconsistencies and design-system alignment.

Community
Advanced
zzxtbetazzxtbeta

design-review

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

Community
Advanced
MrlykMrlyk

polish

Inspect final UI designs for alignment, spacing, typography, color, and interaction states.

Community
Intermediate
robit-manrobit-man

regression-visual

Compare screenshots and analyze pixel differences across browsers and viewports.

Community
Advanced