skills.rest
nuurpro
nuurproCOMMUNITY
Explore all skills by this author →
GitHub

design-review

Audit live-site visuals and fix UI inconsistencies with before/after verification.

1|1|Updated Mar 28, 2026
Search Tags:#typography#screenshots#spacing#visual-qa#design-review#before-after#ui-polish
One-click install
npx skills add https://github.com/nuurpro/Converza_ai --skill design-review-nuurpro
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-review
Source: https://github.com/nuurpro/Converza_ai/tree/main/.claude/skills/design-review
Command: npx skills add https://github.com/nuurpro/Converza_ai --skill design-review-nuurpro

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Visual inconsistencies, spacing issues, and hierarchy problems slow down product polish. This Skill provides an end-to-end workflow to audit live interfaces, propose atomic fixes, and verify results with before/after evidence so teams ship consistently polished experiences.

Core Features & Use Cases

  • Visual QA of live sites to identify spacing, typography, and alignment issues.
  • Plan-mode design review to propose fixes before implementation and commit atomically with verification steps.
  • Iterative improvements with before/after screenshots, ensuring measurable UI polish.

Quick Start

Run a live-site audit, implement atomic fixes, and verify results 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 audit live-site visuals to find spacing and typography inconsistencies?▼

Run a live-site audit to identify UI inconsistencies across single pages or entire design systems. The visual QA process detects spacing, typography, and alignment problems, then proposes atomic fixes with before/after screenshots for verification.

What is the best way to fix UI polish issues with before and after verification?▼

Fix UI polish issues by implementing atomic fixes and verifying results with before/after screenshots. This approach satisfies atomic commit workflows and provides measurable evidence of visual improvements across your live site.

Can I do a plan-mode design review before implementing UI fixes?▼

Yes, plan-mode design review proposes fixes before implementation. It audits visual issues, plans atomic fixes, and commits with verification steps, ensuring you resolve spacing and typography problems before altering the live interface.

Does visual QA work for both single pages and entire design systems?▼

Visual QA applies to both single pages and entire design systems. You can audit live-site visuals across a full site to identify and fix UI inconsistencies, ensuring consistent spacing and typography throughout all interfaces.

How do I verify UI fixes after implementing visual changes?▼

Verify UI fixes by capturing before/after screenshots to document visual changes. This provides measurable evidence of UI polish and satisfies atomic commit workflows requiring design review verification before shipping updates.

Related Skills

Explore More Design & Creative Skills→
geoffreywoogeoffreywoo

design-review

Identify and fix visual design flaws across sites and component libraries.

Community
Advanced
ekrishguptaekrishgupta
1

design-review

Audit live sites for visual consistency and fix issues with atomic commits.

Community
Advanced
fsollafsolla

refactoring-ui

Audit web UI hierarchy, spacing, typography, and color systems.

Community
Intermediate
MacPhobosMacPhobos

Screenshot-Based UI Verification

Capture UI screenshots across multiple viewports and generate pull request descriptions.

Community
Intermediate