skills.rest
LaPaGaYo
LaPaGaYoCOMMUNITY
Explore all skills by this author →
GitHub

design-review

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
One-click install
npx skills add https://github.com/LaPaGaYo/nexus --skill design-review-lapagayo
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Design & Creative Skills→
bizzybaebizzybae

design-review

Detect visual inconsistencies and fix them atomically with before/after screenshots.

Community
Advanced
YaugourtYaugourt
2

design-review

Audits live UI builds for typography, spacing, and hierarchy issues and proposes fixes.

Community
Advanced
TwoTonedTwoToned

design-review

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

Official
Advanced
lyh2lyh2

design-review

Audit live UI to detect visual inconsistencies and fix them atomically.

Community
Advanced