skills.rest
ingoatl
ingoatlCOMMUNITY
Explore all skills by this author →
GitHub

design-review

Audit user interfaces for visual inconsistencies and spacing issues.

Updated Aug 23, 2026
Search Tags:#design-system#design-review#visual QA#iterative-fixes#before-after#ui-polish#layout-spacing
One-click install
npx skills add https://github.com/ingoatl/propertycentral --skill design-review-ingoatl
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-review
Source: https://github.com/ingoatl/propertycentral/tree/main/.claude/skills/gstack/design-review
Command: npx skills add https://github.com/ingoatl/propertycentral --skill design-review-ingoatl

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

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

Core Features & Use Cases

  • Visual QA pass: identify misalignments, typography rhythm, spacing errors, and broken hierarchy across pages and components.
  • Iterative fixes with atomic commits and re-verification using before/after screenshots.
  • Plan-mode readiness: audit designs before implementation and generate actionable polish recommendations for the build.

Quick Start

Describe the UI issue you want audited and I will start the design-review workflow.

Frequently Asked Questions about design-review

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I find and fix UI layout spacing and visual hierarchy issues?▼

To find and fix UI layout spacing and visual hierarchy issues, run a visual QA pass to identify misalignments and typography rhythm errors, then apply deterministic fixes with atomic commits and re-verify using before and after screenshots.

What is the best way to automate visual QA for a live website?▼

Automating visual QA for a live website involves applying iterative audits across multiple pages and components to detect visual inconsistencies, committing each fix atomically, and re-verifying the results with before and after screenshots.

Can I audit design spacing and alignment before implementation starts?▼

Yes, you can audit design spacing and alignment before implementation by using plan-mode readiness to review designs, identify potential visual inconsistencies, and generate actionable polish recommendations for the build.

How do I fix AI slop patterns and broken UI hierarchy in source code?▼

Fix AI slop patterns and broken UI hierarchy by iteratively applying deterministic fixes directly in source code, committing each change atomically, and re-verifying the visual output with before and after screenshots.

Does visual QA work with existing design systems across multiple components?▼

Visual QA works with existing design systems by applying audits across multiple pages and components to enforce deterministic fixes, ensuring spacing and typography rhythm align with your established design patterns.

Related Skills

Explore More Design & Creative Skills→
alexandervashurinalexandervashurin

design-review

Audit UI visuals for inconsistencies, spacing, and hierarchy issues.

Community
Advanced
ekrishguptaekrishgupta
1

design-review

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

Community
Advanced
bergsidebergside
2.3k

spacious

Generate design-system guidance for spacious UI layouts using tokenized spacing and typography.

Official
Intermediate
apeejay-educationapeejay-education

design-review

Audit UI designs for visual inconsistencies and spacing issues.

Official
Advanced