skills.rest
tan-yong-sheng
tan-yong-shengCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

gstack-design-review

Audit live UIs for visual inconsistencies and spacing issues.

1|1|Updated Mar 5, 2026
Search Tags:#typography#spacing#visual-qa#design-review#before-after#ui-polish
One-click install
npx skills add https://github.com/tan-yong-sheng/GrowChat --skill gstack-design-review
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: gstack-design-review
Source: https://github.com/tan-yong-sheng/GrowChat/tree/main/.claude/skills/gstack-design-review
Command: npx skills add https://github.com/tan-yong-sheng/GrowChat --skill gstack-design-review

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Identifies visual inconsistencies, spacing issues, and hierarchy problems in UI designs, enabling precise fixes and faster polish.

Core Features & Use Cases

  • Visual QA audits on live UIs and design assets, highlighting spacing, typography, color contrast, and layout issues.
  • Iterative fixes with atomic commits and before/after screenshot verification.
  • Plan-mode design reviews for pre-implementation work, with structured design polish recommendations and artifact tracking.

Quick Start

Run the design-review on your target site to identify visual issues and propose fixes 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 audit live UIs for visual inconsistencies and spacing issues?▼

To audit live UIs for visual inconsistencies and spacing issues, run a visual QA review on the target site to highlight typography, color contrast, and layout problems, then propose precise fixes with before/after screenshots.

What is the best way to perform a plan-mode design review before implementation?▼

A plan-mode design review evaluates UI designs prior to implementation to identify hierarchy problems and spacing issues, applying structured design polish recommendations and artifact tracking to guide precise fixes.

Can I use visual QA to fix typography and color contrast issues on my website?▼

Yes, visual QA audits live UIs to highlight typography and color contrast issues. It guides iterative fixes by producing before/after screenshots and verifying outcomes with reproducible checks and versioned commits.

Does this design review process require specific tooling to track changes?▼

Yes, the design review process requires the gstack design tooling to generate artifacts, track changes, and verify outcomes with reproducible checks and atomic commits to source control.

When do I need a visual QA audit for UI design polish?▼

You need a visual QA audit when your live UI has visual inconsistencies, slow interactions, or hierarchy problems, enabling faster polish through iterative fixes and before/after screenshot verification.

Related Skills

Explore More Design & Creative Skills→
Ronin15Ronin15
14

hammer-benchmark-regression

Compare SDL3 HammerEngine metrics against baselines to flag performance regressions.

Community
Intermediate
EmeaAppGbbEmeaAppGbb

web-design-reviewer

Inspect websites for responsive, accessibility, and visual issues and propose code fixes.

Official
Intermediate
ogprotegeogprotege

plan-reviewer

Identify risks, gaps, and improvements in development plans before implementation.

Community
Advanced
JansenAnalyticsJansenAnalytics
5

frontend-inspector

Analyze frontend screenshots to detect visual defects and generate structured reports.

Community
Intermediate