skills.rest
lemig
lemigCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

design-review

Audit UI designs and implementations for visual inconsistencies and spacing issues.

Updated May 14, 2026
Search Tags:#consistency#screenshots#layout#visual-design#ui-audit#design-qa#before-after
One-click install
npx skills add https://github.com/lemig/transcriptor --skill design-review-lemig
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-review
Source: https://github.com/lemig/transcriptor/tree/main/.claude/skills/gstack/design-review
Command: npx skills add https://github.com/lemig/transcriptor --skill design-review-lemig

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Visual QA helps identify visual inconsistencies, spacing issues, hierarchy problems, AI slop patterns, and slow interactions in UI designs and implementations, and guides iterative fixes with before/after verifications.

Core Features & Use Cases

  • Visual QA audits for consistency, spacing, and interaction flow
  • Iterative fixes committed atomically with before/after screenshots
  • Plan-mode design reviews before implementation to guide stakeholders

Quick Start

Audit a UI or design, identify issues, and generate before/after screenshots with actionable fixes.

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 to fix UI inconsistencies?▼

A UI design review identifies visual inconsistencies, spacing issues, and hierarchy problems in your interfaces. It applies to web and app UIs, outputting actionable fixes accompanied by before/after visuals and ready-to-apply changes.

What is the best way to identify AI slop patterns in UI implementations?▼

A visual design audit detects AI slop patterns and slow interactions in your UI implementations. By analyzing live interfaces or design assets, it generates actionable fixes and before/after verifications to resolve them.

Can I use a design review workflow for plan-mode design work before implementation?▼

Yes, plan-mode design reviews support stakeholders before implementation begins. By evaluating design assets, the review identifies visual inconsistencies and hierarchy problems, outputting actionable fixes and before/after visuals to guide decisions.

Does visual design QA require access to live interfaces or can it review static screenshots?▼

Visual design QA supports both static design assets and live web or app interfaces. Reviewing screenshots or live layouts, it identifies visual inconsistencies and spacing issues, outputting before/after visuals and actionable fixes.

How do I fix spacing and hierarchy problems in web and app UIs?▼

To fix spacing and hierarchy problems, run a visual QA audit on your web and app UIs. The process detects layout issues and outputs ready-to-apply changes with before/after screenshots for iterative verification.

Related Skills

Explore More Design & Creative Skills→
apeejay-educationapeejay-education

design-review

Audit UI designs for visual inconsistencies and spacing issues.

Official
Advanced
romiluz13romiluz13
161

ui-design

Design UI layouts with visual hierarchy, spacing, color, and state design.

Community
Basic
limzivectorlimzivector

design-review

Automate visual design issue detection and fixes with before/after screenshots.

Community
Advanced
DiversioTeamDiversioTeam
3

backend-atomic-commit

Fix backend code formatting and enforce atomic commits via pre-commit checks.

Official
Advanced