skills.rest
stayconnectquick
stayconnectquickCOMMUNITY
Explore all skills by this author →
GitHub

design-review

Audits UI spacing, typography and interaction inconsistencies in live sites and commits atomic fixes with before/after screenshots.

Updated May 6, 2026
Search Tags:#visual-qa#design-review#plan-mode#design-audit#before-after#ui-polish
One-click install
npx skills add https://github.com/stayconnectquick/gstack --skill design-review-stayconnectquick
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-review
Source: https://github.com/stayconnectquick/gstack/tree/main/design-review
Command: npx skills add https://github.com/stayconnectquick/gstack --skill design-review-stayconnectquick

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Visual design often suffers from spacing, typographic inconsistencies, and poorly established hierarchy, leading to perceived sloppiness and slower user interactions. This Skill provides a designer's eye QA workflow that identifies these issues, suggests fixes, and commits changes atomically along with before/after screenshots for quick verification.

Core Features & Use Cases

  • Visual QA audits to detect spacing, typography, alignment, and hierarchy inconsistencies across live sites.
  • Iterative fixes committed atomically with before/after verification screenshots.
  • Plan-mode support for design reviews before implementation and proactive design polish suggestions for live sites.

Quick Start

Audit the current live site visuals and commit each fix atomically with 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 run a visual QA audit on my live site UI?▼

Run a visual QA audit by scanning your live site to automatically detect spacing, typography, alignment, and hierarchy inconsistencies, then apply iterative fixes committed atomically with before/after screenshots for verification.

What is design polish and how does automated UI review work?▼

Design polish is the process of refining UI visuals to eliminate inconsistencies. Automated UI review works by identifying spacing and typography issues on live sites and suggesting proactive fixes before implementation.

Can I review design consistency before implementation using plan mode?▼

Yes, you can review design consistency before implementation using plan mode support, which allows you to audit visual hierarchy and spacing proactively without immediately applying code changes to the live site.

What is the best way to fix visual inconsistencies and verify the changes?▼

The best way to fix visual inconsistencies is to apply iterative corrections atomically, capturing before and after screenshots for each commit to verify that spacing and typography issues are resolved.

Does automated design review detect typographic hierarchy and alignment issues?▼

Yes, automated design review detects typographic hierarchy and alignment issues by auditing live site visuals to identify perceived sloppiness and suggest fixes for visual consistency.

Why does my UI look sloppy and how do I fix spacing inconsistencies?▼

Your UI looks sloppy due to poorly established hierarchy and spacing inconsistencies. Fix these visual issues by running an automated design QA audit that identifies problems and commits fixes with before/after verification.

Related Skills

Explore More Design & Creative Skills→
rshelekhovrshelekhov

plan-design-review

Audit live websites for visual design gaps and generate a prioritized DESIGN.md report.

Community
Advanced
algorithmbasicsalgorithmbasics

design-review

Audit live UI for visual inconsistencies and propose fixes.

Community
Advanced
Community-AccessCommunity-Access
387

Contrast Master

Audit color contrast and visual accessibility for WCAG AA compliance.

Official
Advanced
act70255act70255

ui-visual-validator

Validate UI components for visual consistency, design system compliance, and accessibility.

Community
Advanced