design-review

Audit live UI for visual inconsistencies and fix them iteratively.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Identify visual inconsistencies, spacing issues, hierarchy problems, AI slop patterns, and slow interactions in live interfaces, then fix them and verify results with before/after screenshots.

Core Features & Use Cases

  • Visual QA pass across pages to detect typography, color, spacing, alignment, and interaction issues.
  • Plan-mode design review to evaluate design decisions before implementation.
  • Iterative fixes with atomic commits and before/after verification to ensure traceable improvements.
  • Design-system conformance checks and collaboration prompts to polish the live site.

Quick Start

Run a design-review session against your target site to audit visuals, identify issues, and apply fixes iteratively with before/after verifications.

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 a live UI to find spacing and hierarchy problems?

Run a design review session against your live site to audit typography, color, spacing, and alignment. It identifies visual inconsistencies and hierarchy problems, then applies iterative fixes with before/after verifications.

Can I check my live site for design-system conformance and visual inconsistencies?

Yes, you can check design-system conformance on a live site. The review detects typography, spacing, and alignment deviations from your design system, outputs recommended fixes, and logs changes in an atomic changelog.

What is a plan-mode design review and when do I need it before implementation?

A plan-mode design review evaluates design decisions across pages and components before implementation begins. You need it to catch visual hierarchy issues and AI slop patterns early, ensuring design-system conformance prior to writing production code.

Do I need a design audit plan to review UI components across multiple pages?

Yes, a design audit plan is required. You must provide access to the target site and a defined audit plan to review components across pages, enabling the tool to output before/after findings, recommended fixes, and an atomic changelog of improvements.

How do I fix UI spacing and alignment issues iteratively with before and after verification?

Fix UI spacing and alignment issues by running iterative design review passes. Each pass applies fixes and generates before/after verifications to ensure traceable visual improvements and an atomic changelog of all modifications made.

What is the best way to detect AI slop patterns and visual inconsistencies in a live interface?

The best way to detect AI slop patterns is a visual QA pass across pages. It audits live interfaces for typography, color, spacing, and interaction issues, providing recommended fixes with before/after screenshots for verification.