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.