skills.rest
kk20300113-png
kk20300113-pngCOMMUNITY
Explore all skills by this author →
GitHub

design-review

Detect and fix visual design inconsistencies in web interfaces with atomic commits.

Updated May 9, 2026
Search Tags:#design review#ai slop#ui polish#visual qa#screenshot verification#spacing fix#hierarchy check
One-click install
npx skills add https://github.com/kk20300113-png/my-claude-skills --skill design-review-kk20300113-png
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-review
Source: https://github.com/kk20300113-png/my-claude-skills/tree/main/design-review
Command: npx skills add https://github.com/kk20300113-png/my-claude-skills --skill design-review-kk20300113-png

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill eliminates the tedious, error-prone manual work of auditing and fixing visual design flaws in web interfaces, catching subtle inconsistencies, spacing errors, and hierarchy issues that are easy to miss during standard development workflows to ensure polished, consistent user experiences.

Core Features & Use Cases

  • Visual Design Auditing: Automatically detects visual inconsistencies, spacing errors, hierarchy problems, AI-generated "slop" patterns, and slow interaction issues in live or in-development interfaces.
  • Iterative Automated Fixes: Commits each design fix atomically, then re-verifies changes with before/after screenshots to ensure fixes work as intended without introducing regressions.
  • Use Case: Use it after implementing new UI components to confirm they match your design system, or when polishing a live site before launch to catch subtle visual regressions.

Quick Start

Ask the AI to run the design-review skill on your current project's UI to identify and fix all visual design inconsistencies, spacing errors, and interaction slowdowns with atomic commits and screenshot verification.

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 web interfaces to catch spacing and hierarchy errors?▼

Automated visual QA detects spacing inconsistencies and hierarchy problems in web interfaces by auditing live or in-development sites, applying atomic fixes, and re-verifying changes with before and after screenshots.

What is AI slop in UI design and how can I identify those patterns?▼

AI slop refers to subtle, inconsistent visual patterns generated by AI. This skill identifies these slop patterns alongside standard visual inconsistencies by analyzing your interface and proactively suggesting design improvements to ensure a polished result.

How do I fix visual design inconsistencies without introducing regressions?▼

Fix visual design inconsistencies safely by applying atomic commits for each change and performing screenshot verification. This iterative workflow compares before and after states to ensure fixes resolve errors without causing new regressions.

Does this visual design audit work for both pre-implementation plans and live sites?▼

Yes, visual design auditing applies to pre-implementation design plan reviews, post-implementation visual QA of live sites, and iterative design polish workflows for web applications, catching slow interaction issues and spacing errors across all stages.

What is the best way to polish UI components before a site launch?▼

The best way to polish UI components is running an automated design review to catch subtle visual regressions, verify that components match your design system, and commit fixes atomically with screenshot verification before launch.

Related Skills

Explore More Design & Creative Skills→
xoaixoai
25

ux-audit

Extract colors, typography, spacing, and component patterns from web page screenshots.

Community
Intermediate
nassimbfnassimbf
3

browser-qa

Automates browser-based QA for visual, interaction and accessibility checks across web applications.

Community
Advanced
trungdo9trungdo9
3

ui-styling

Create React-based user interfaces with shadcn/ui components and Tailwind CSS.

Community
Advanced
ilove323ilove323

design-critique

Identify usability issues, hierarchy problems, and consistency gaps in design artifacts.

Community
Intermediate