skills.rest
shekerkamma
shekerkammaCOMMUNITY
Explore all skills by this author →
GitHub

design-review

Audit live web interfaces for visual inconsistencies and fix them atomically.

Updated May 22, 2026
Search Tags:#design-system#design-qa#ui-polish#visual-audit#screenshot-verification#frontend-fixes
One-click install
npx skills add https://github.com/shekerkamma/peopletech-marketplace --skill design-review-shekerkamma
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-review
Source: https://github.com/shekerkamma/peopletech-marketplace/tree/main/plugins/gstack/design-review
Command: npx skills add https://github.com/shekerkamma/peopletech-marketplace --skill design-review-shekerkamma

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Manual visual QA is slow, inconsistent, and easy to miss subtle spacing, hierarchy, or interaction issues that make a product feel unpolished. This skill automates the entire design audit and fix workflow, catching problems that slip through code reviews and ensuring your UI looks professional and consistent.

Core Features & Use Cases

  • Automated Visual Audits: Scans live sites for visual inconsistencies, spacing errors, hierarchy problems, AI-generated "slop" patterns, and slow interactions.
  • Iterative Fixes: Automatically fixes identified issues in source code, commits each fix atomically, and verifies changes with before/after screenshots.
  • Dual Mode Support: Works for both pre-implementation plan-mode design reviews (via /plan-design-review) and live site polish.
  • Use Case: You just shipped a new settings page and notice the form labels are misaligned on mobile. Run this skill to audit the page, fix the spacing issues, and commit the changes with verified before/after proof.

Quick Start

Ask the design-review skill to audit your staging site's homepage and fix all visual inconsistencies it finds.

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 my web application?▼

Automated visual QA audits live site URLs to identify spacing errors and hierarchy flaws, then resolves issues directly in source code with atomic commits and before/after screenshot verification.

What is automated UI polish and how does it work?▼

Automated UI polish works by scanning web interfaces for visual inconsistencies and slow interactions, resolving issues in source code, and verifying each atomic fix with before/after screenshots.

Can I run a pre-implementation design review before writing code?▼

Yes, you can run a pre-implementation plan-mode design review using a specific command to audit visual hierarchy and spacing flaws before starting live site polish workflows.

Do I need to provide source code and live URLs for a visual audit?▼

Yes, a visual audit requires access to live site URLs, source code repositories, and screenshot capture tools to iterate fixes atomically and verify before/after results.

What's the best way to fix spacing and hierarchy flaws on a staging site?▼

The best way to fix spacing and hierarchy flaws is to run an automated visual audit on the staging site, apply source code fixes atomically, and verify changes with before/after screenshots.

Related Skills

Explore More Design & Creative Skills→
Jia-Hong-PengJia-Hong-Peng

design-review

Detect visual design inconsistencies and commit atomic fixes with screenshots.

Community
Advanced
studyzystudyzy

design-review

Identify visual inconsistencies, spacing issues, and hierarchy problems in live designs.

Community
Advanced
Bigalan09Bigalan09
1

polish

Apply a final UI polish checklist covering alignment, typography, and accessibility.

Community
Advanced
smarmen86smarmen86

design-review

Audit live web interfaces for layout and spacing issues and apply atomic CSS fixes.

Community
Advanced