design-review

Detect visual inconsistencies and fix them atomically with before/after screenshots.

Updated Apr 5, 2026
One-click install
npx skills add https://github.com/bizzybae/qstack --skill design-review-bizzybae
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: design-review
Source: https://github.com/bizzybae/qstack/tree/main/gstack-original/design-review
Command: npx skills add https://github.com/bizzybae/qstack --skill design-review-bizzybae

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Visual QA for polished UI and design polish. It identifies visual inconsistencies, spacing issues, hierarchy problems, and AI slop patterns, then fixes them. It iteratively patches issues in source code and re-verifies with before/after screenshots, enabling plan-mode design reviews before implementation.

Core Features & Use Cases

  • Detect visual inconsistencies, spacing misalignments, typographic issues, and hierarchy gaps across pages or components.
  • Apply atomic fixes in source code and verify results with before/after screenshots to ensure tangible improvements.
  • Support plan-mode design review workflows via /plan-design-review before code changes or feature launches.
  • Proactively suggest polish improvements for live sites to improve perceived quality and consistency.

Quick Start

Ask it to audit the design of your target page and return before/after screenshots.

Frequently Asked Questions about design-review

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

FAQPage Schema
How do I fix visual inconsistencies and spacing issues in my UI?

Fix visual inconsistencies and spacing issues by auditing your target page to detect hierarchy gaps and AI slop patterns. The tool patches source code atomically and re-verifies improvements using before and after screenshots.

What is a visual QA design review for UI polish?

A visual QA design review identifies typographic misalignments, spacing errors, and slow interactions across live sites or design systems. It ensures polished UI by iteratively applying source code fixes and validating with screenshots.

How do I run a plan-mode design review before feature implementation?

Run a plan-mode design review before implementation by triggering a pre-code audit of your components. This evaluates typography, spacing, and hierarchy gaps, allowing you to resolve visual issues before launching features.

Can I use automated design review to detect AI slop patterns on live sites?

Yes, automated design review detects AI slop patterns on live sites by scanning for visual inconsistencies and hierarchy problems. It suggests polish improvements and commits atomic source code fixes to improve perceived quality.

Does UI polish visual QA work directly within my source code?

Yes, UI polish visual QA works directly within source code by iteratively patching identified spacing and typographical issues. It commits each fix atomically and captures before and after screenshots to verify tangible improvements.