design-review

Name: design-review
Availability: InStock
Author: lapagayo

Identify and fix visual design issues in software UI with before/after screenshot verification.

1|Updated Mar 31, 2026

Search Tags:#design-review #visual QA #UI-audit #design-polish #plan-design-review #before-after-screenshots #layout-polish

Ready to run

npx skills add https://github.com/LaPaGaYo/nexus --skill design-review-lapagayo

💬 Prompt for ChatGPT / Claude Chat▼

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Designer's eye QA catches visual inconsistencies, spacing, hierarchy errors, AI slop patterns, and slow interactions, enabling timely fixes in source code and UI assets.

Core Features & Use Cases

Visual QA: identify and fix layout, typography, spacing, and hierarchy issues.
Iterative fixes: commit atomic changes and re-verify with before/after screenshots.
Plan-mode reviews: for designs before implementation via /plan-design-review.
Proactive polish: suggest improvements for live sites when mentioned in conversation.

Quick Start

To audit a component, describe the visuals you want checked and provide before/after screenshots or links.

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

A visual QA audit identifies and fixes layout, typography, spacing, and hierarchy issues in your UI assets. You provide before and after screenshots or links, and the process verifies visual inconsistencies and AI slop patterns across your source code.

What is the best way to review visual design before implementation?▼

The best way to review visual design before implementation is using plan-mode reviews via the /plan-design-review command. This evaluates proposed designs to catch visual inconsistencies, spacing, and hierarchy errors before they enter your source code.

Can I verify UI fixes using before and after screenshots?▼

Yes, you can verify UI fixes using before and after screenshots. The workflow commits atomic changes to your source code and then re-verifies the visual results iteratively to ensure spacing and layout issues are fully resolved.

How does visual QA identify AI slop patterns in software UI?▼

Visual QA identifies AI slop patterns by analyzing your UI assets and source code for visual inconsistencies, spacing errors, and hierarchy issues. It catches these automated design flaws and enables timely fixes through iterative before and after verification.

Do I need source control to commit atomic changes during a design review?▼

Yes, source control is required to commit atomic changes during a design review. The workflow relies on a source-controlled environment to iteratively apply fixes to your UI assets and verify visual results with before and after screenshots.