design-review

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

Updated Apr 22, 2026
One-click install
npx skills add https://github.com/diiviikk5/rezops --skill design-review-diiviikk5
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: design-review
Source: https://github.com/diiviikk5/rezops/tree/main/design-review
Command: npx skills add https://github.com/diiviikk5/rezops --skill design-review-diiviikk5

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". Proactively suggest when the user mentions visual inconsistencies or wants to polish the look of a live site. (rezops)

Core Features & Use Cases

  • Visual QA for UI polish and consistency across components and flows.
  • Iterative improvement by proposing fixes and re-verifying with before/after visuals.
  • Plan-mode guidance for upfront design reviews before implementation, including routing to /plan-design-review.

Quick Start

Run the design-review skill on the current UI design to audit visual consistency.

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 to find spacing and alignment issues?

A visual QA audit identifies spacing, alignment, and hierarchy issues in your UI by iteratively proposing source code fixes and re-verifying the results with before and after screenshots. It checks for visual inconsistency across components and flows.

What is the best way to polish an existing live site and fix visual inconsistencies?

Polishing an existing live site involves auditing the interface to spot visual glitches and AI slop patterns, then iteratively fixing the source code and re-verifying the visual output with before and after screenshots to ensure layout consistency.

Can I review my design for visual consistency before writing any implementation code?

Yes, you can review designs before implementation by using the plan-mode design review process. This upfront guidance evaluates visual consistency and hierarchy in the planning phase to resolve layout issues before any code is written.

How does a design system audit help improve UI hierarchy and layout?

A design system audit improves UI hierarchy by evaluating your components for visual inconsistency and alignment issues. It provides actionable steps and re-verification guidance to iteratively polish the layout and verify the changes visually.

Does visual QA work for checking UI alignment and hierarchy across different user flows?

Yes, visual QA works across different user flows by auditing the visual design for spacing, alignment, and hierarchy issues. It ensures consistency across all components and flows before committing the final layout polish.