skills.rest
uzumaki-inc
uzumaki-incOFFICIAL
Explore all skills by this author →
GitHub

design-review

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

Updated Apr 25, 2026
Search Tags:#atomic-commits#design-review#before-after#ui-polish#visual-audit#plan-design-review
One-click install
npx skills add https://github.com/uzumaki-inc/uzustack --skill design-review-uzumaki-inc
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-review
Source: https://github.com/uzumaki-inc/uzustack/tree/main/_upstream/gstack/design-review
Command: npx skills add https://github.com/uzumaki-inc/uzustack --skill design-review-uzumaki-inc

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Designer's eye QA: finds visual inconsistency, 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".

Core Features & Use Cases

  • Visual QA to detect and fix visual defects across UI components, screens, and flows.
  • Iterative fixes with atomic commits and before/after verification to ensure traceability.
  • Plan-mode design review support enabling structured, repeatable polish before implementation.

Quick Start

Ask Claude Code to run a visual design audit on a live UI and patch issues 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 audit on a live UI to fix spacing and hierarchy issues?▼

To run a visual design audit, ask Claude Code to inspect the live UI and patch visual defects. The Skill identifies inconsistencies and slow interactions, then applies fixes directly to the source code with atomic commits for full traceability.

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

Plan-mode design review enables structured, repeatable UI polish before implementation begins. You need it when you want to proactively audit and plan fixes for visual inconsistencies and hierarchy problems in web and app interfaces without modifying code immediately.

Can I use this to check if my web interface looks good and fix AI slop patterns?▼

Yes, you can use this to check if your web interface looks good by detecting AI slop patterns, visual inconsistency, and slow interactions. It patches these issues directly in the source code and verifies the results with before/after screenshots.

Does visual design audit work with both web and app interfaces?▼

Visual design audit works across both web and app interfaces to detect and fix visual defects. It applies consistently to UI components, screens, and flows, ensuring design polish and visual consistency regardless of the platform.

How are visual fixes committed and verified during a UI polish task?▼

Visual fixes are committed atomically, meaning each fix is tracked individually in source code. After committing, the changes are re-verified using before/after screenshots to ensure the visual defects are resolved and traceable.

Related Skills

Explore More Design & Creative Skills→
westnwestn
1

design-review

Audit UI for visual inconsistencies and fix source files with screenshot verification.

Community
Advanced
algorithmbasicsalgorithmbasics

design-review

Audit live UI for visual inconsistencies and propose fixes.

Community
Advanced
KrismithReddy12KrismithReddy12

design-review

Audit web interfaces for visual inconsistencies, spacing issues, and hierarchy problems.

Community
Advanced
TwoTonedTwoToned

design-review

Audit visual designs for inconsistencies, spacing, and hierarchy issues.

Official
Advanced