gstack-design-review

Audit live UI design and apply source code fixes with screenshot verification.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill reduces visual regressions and UI slop by finding spacing, hierarchy, consistency, and interaction issues, then iteratively fixes the underlying source code while verifying improvements with before/after screenshots.

Core Features & Use Cases

  • Visual QA with targeted fixes: Detects design inconsistencies like layout spacing, typographic hierarchy, alignment, and “AI slop” patterns, then applies code changes to correct them.
  • Screenshot-verified iteration: Commits each logical fix atomically and re-verifies with before/after screenshots so regressions are less likely.
  • Plan-mode design review: Supports pre-implementation audits using the plan-mode variant for “before building” feedback.

Quick Start

Run gstack-design-review when you want a visual audit of your live UI and fixes: ask “Audit the design for visual inconsistencies and polish it, committing each fix and verifying with before/after screenshots.”

Frequently Asked Questions about gstack-design-review

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

FAQPage Schema
How do I run a visual QA audit on my live UI and fix design inconsistencies?

To run a visual QA audit, trigger the Skill to detect spacing, hierarchy, and alignment issues in your live UI, then let it apply targeted source code fixes. It commits each logical fix atomically and verifies the visual improvements with before/after screenshots.

Can I get design feedback on a UI layout before I start building the components?

Yes, you can use the plan-mode design review variant to get pre-implementation feedback on layouts. Triggering the /plan-design-review command allows you to find visual problems early and audit designs before you actually build them.

What is the best way to fix AI slop and visual regressions in my source code?

The best way to fix AI slop and visual regressions is through an iterative visual audit that applies source code fixes for spacing and polish. Each correction is committed atomically and re-verified with before/after screenshots to prevent regressions.

How does screenshot verification work when polishing UI layout consistency?

Screenshot verification works by capturing before and after states of your UI during the visual QA process. After detecting layout consistency issues and applying source code fixes, it re-visualizes the page to confirm the design improvements hold.

Do I need to commit code manually during the design audit and fix workflow?

No, you do not need to commit code manually during the design audit workflow. The Skill automatically commits each logical visual fix atomically as it iterates through the source code corrections and verifies them with screenshots.

What specific visual problems does a design audit catch that I might miss?

A design audit catches specific visual problems like layout spacing errors, typographic hierarchy issues, alignment inconsistencies, and general AI slop patterns. It finds these UI polish issues and directly applies code fixes to correct them.