skills.rest
cheng80
cheng80COMMUNITY
Explore all skills by this author →
GitHub

design-review

Detect and fix visual inconsistencies, spacing issues, and interaction slowdowns in UI designs.

1|Updated Apr 12, 2026
Search Tags:#design-review#design-feedback#visual QA#design-handoff#before-after#UI-polish#layout-consistency
One-click install
npx skills add https://github.com/cheng80/rummipoker --skill design-review-cheng80
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-review
Source: https://github.com/cheng80/rummipoker/tree/main/.agents/skills/gstack-design-review
Command: npx skills add https://github.com/cheng80/rummipoker --skill design-review-cheng80

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Detect and fix visual inconsistencies, spacing issues, hierarchy problems, AI slop patterns, and slow interactions in UI designs, then verify changes with before/after evidence.

Core Features & Use Cases

  • Visual QA passes for layout, spacing, and hierarchy across screens and components
  • Iterative fixes in source code with atomic commits and before/after verification
  • Plan-mode design review support for early feedback and polish suggestions

Quick Start

Audit the current UI project and return a before/after report with concrete 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 pass to fix UI layout and spacing inconsistencies?▼

Perform a visual QA audit across UI screens to identify layout, spacing, and hierarchy issues. The process requires predefined workflows and access to design sources, returning before/after evidence with concrete fix suggestions.

Can I verify UI polish changes using before and after screenshots?▼

Yes, UI polish changes can be verified using before and after screenshots. The visual QA workflow captures before/after evidence to confirm iterative fixes for visual inconsistencies and interaction slowdowns are successfully applied.

What is the best way to audit live products for visual hierarchy problems and AI slop patterns?▼

The best way to audit live products for visual hierarchy problems and AI slop patterns is to execute a targeted visual QA workflow. This detects slow interactions and AI slop, delivering concrete suggestions and before/after evidence for fixes.

Does this design review process support plan-mode for early UI feedback?▼

Yes, the design review process supports plan-mode for early UI feedback. It delivers polish suggestions during early design reviews before executing iterative source code fixes with atomic commits and before/after verification.

How do I fix interaction slowdowns across UI components during a design handoff?▼

Fix interaction slowdowns during design handoff by auditing UI components for slow interactions and visual inconsistencies. The workflow applies iterative source code fixes with atomic commits, verifying results through before/after evidence.

Related Skills

Explore More Design & Creative Skills→
westnwestn
1

design-review

Audit UI for visual inconsistencies and fix source files with screenshot verification.

Community
Advanced
kunalrawat425kunalrawat425

design-review

Audit visual design inconsistencies and fix them with atomic commits.

Community
Advanced
shin0720shin0720

auto-verify

Automate visual regression testing by capturing and comparing UI screenshots with Playwright.

Community
Basic
KrismithReddy12KrismithReddy12

design-review

Audit web interfaces for visual inconsistencies, spacing issues, and hierarchy problems.

Community
Advanced