design-review

Detect and resolve visual inconsistencies in code or design documents.

Updated Jun 9, 2026
One-click install
npx skills add https://github.com/ericdahl-dev/coauthor-cleaner --skill design-review-ericdahl-dev
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: design-review
Source: https://github.com/ericdahl-dev/coauthor-cleaner/tree/main/.claude/skills/gstack/design-review
Command: npx skills add https://github.com/ericdahl-dev/coauthor-cleaner --skill design-review-ericdahl-dev

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires python, pillow, opencv-python, face-alignment, and includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill automates the QA process for visual design, identifying and correcting issues such as inconsistency, spacing problems, hierarchy challenges, and AI-induced slop in code or documentation.

Core Features & Use Cases

  • Automated Design Audit: Checks for visual issues like inconsistent design elements and poor hierarchy.
  • Problem Resolution: Offers suggestions to resolve issues like text size variations or button alignments.
  • Use Case: Utilize the /design-review command when needing a quick design review, such as for auditing the visual aspects of an app interface or ensuring that design elements align consistently across multiple platforms.

Quick Start

Use the design-review command to perform a visual quality check on your current design work.

Frequently Asked Questions about design-review

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

FAQPage Schema
How do I automate visual QA for front-end design inconsistencies?

Automated design audits identify visual inconsistencies by applying image analysis tools and machine learning algorithms to design files and codebases. It checks for spacing problems, hierarchy challenges, and inconsistent design elements across iterations.

How do I detect AI-induced visual slop in documentation or code?

To detect AI-induced visual slop, you run automated image analysis algorithms that scan design documents and codebases for inconsistent visual elements. This identifies poor hierarchy, spacing problems, and alignment issues introduced during automated generation.

Does automated visual design review require access to the original codebase?

Yes, automated visual design review requires access to both design files and codebases. The image analysis tools compare visual elements against the actual code to detect inconsistencies and execute automated fixes within front-end development workflows.

What Python dependencies are needed to run automated design audits?

Running automated design audits requires Python, Pillow, opencv-python, and face-alignment dependencies. These libraries provide the image processing and machine learning capabilities needed to analyze visual elements and detect design inconsistencies.

What's the best way to resolve button alignment and text size variations across multiple platforms?

The best way to resolve button alignment and text size variations is using automated image analysis to compare visual elements across platforms. This process identifies inconsistencies and offers targeted suggestions to resolve spacing and hierarchy problems.