design-review

Detect and fix visual inconsistencies, spacing, and hierarchy in UI designs.

Updated May 11, 2026
One-click install
npx skills add https://github.com/wodeh/gstack-kimi --skill design-review-wodeh
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: design-review
Source: https://github.com/wodeh/gstack-kimi/tree/main/design-review
Command: npx skills add https://github.com/wodeh/gstack-kimi --skill design-review-wodeh

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Designers and teams struggle with visual inconsistencies, spacing gaps, hierarchy issues, AI slop patterns, and slow interactions that erode perceived quality; this skill provides a systematic visual QA pass to detect and fix them.

Core Features & Use Cases

  • Visual QA pass that detects spacing, typography, color, alignment, and hierarchy discrepancies across screens and components.
  • Proactive design polish suggestions that improve live-site visuals and ensure consistency with design tokens and design-system guidelines.
  • Plan-mode design-review workflow to audit visuals before implementation, enabling early stakeholder alignment.

Quick Start

Review the target UI, fix visual issues, and commit atomic changes with before/after screenshots.

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 pass to fix UI polish and consistency issues?

Run a visual QA pass to systematically detect and fix spacing, typography, color, and hierarchy discrepancies across UI screens. The workflow identifies visual inconsistencies, applies atomic fixes, and verifies changes against original design specs.

What is the best way to catch visual inconsistencies before implementation?

Use a plan-mode design-review workflow to audit visuals before implementation. This proactive design polish approach detects spacing gaps and hierarchy problems early, enabling stakeholder alignment and catching issues across live sites and design proofs.

Can I use a visual QA workflow to check spacing and typography against design tokens?

Yes, you can use visual QA to check spacing and typography against design tokens. The process provides proactive design polish suggestions that ensure UI visuals maintain strict consistency with design-system guidelines and component libraries.

How do you fix visual inconsistencies and verify changes against design specs?

Fix visual inconsistencies by committing atomic changes with before and after screenshots. This verifies that spacing issues and hierarchy problems are resolved and that the implemented UI matches the original design specs accurately.

Why does my UI design have hierarchy problems and visual inconsistencies?

Hierarchy problems and visual inconsistencies often stem from spacing gaps, alignment errors, and AI slop patterns that erode perceived quality. A systematic visual QA pass detects these discrepancies across screens and components to improve overall polish.

Does visual QA work for component libraries and live sites?

Yes, visual QA works across live sites, design proofs, and component libraries. It applies systematic checks to detect typography and spacing issues early in the design-to-implementation flow, ensuring consistent UI polish across all surfaces.