skills.rest
MissTully
MissTullyCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

design-review

Detect visual design issues and commit atomic fixes with screenshot verification.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Designer's eye QA identifies visual inconsistencies, spacing issues, and hierarchy problems, then guides iterative fixes to tighten UI polish. It supports plan-mode design reviews and proactive design polish across live sites.

Core Features & Use Cases

  • Visual inconsistency detection across layouts, typography, spacing, and color contrast.
  • Atomic, auditable fixes with before/after verification screenshots.
  • Plan-mode workflow to audit designs before implementation; triggers for design polish tasks on live sites.

Quick Start

Describe a live dashboard design QA pass to fix spacing and visual hierarchy.

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 design inconsistencies like spacing and hierarchy on a live dashboard?▼

Visual QA identifies spacing, alignment, and hierarchy problems across interfaces, then guides iterative fixes with before and after verification screenshots to tighten UI polish and visual consistency.

What is the best way to conduct a design audit before implementation?▼

A plan-mode design review audits layouts, typography, spacing, and color contrast before implementation, enabling proactive detection of visual inconsistencies and iterative UI polish.

Can I verify UI fixes using before and after screenshots during a design polish?▼

Yes, you can verify UI fixes by committing atomic, auditable iterations and capturing before and after verification screenshots to validate that spacing and visual hierarchy issues are resolved.

Does a visual QA process detect color contrast and typography issues across layouts?▼

Yes, visual QA detects color contrast and typography issues across layouts by identifying visual inconsistencies and proposing fixes to achieve consistent spacing, alignment, and hierarchy.

When should I use a plan-design-review workflow for visual polish?▼

Use a plan-design-review workflow for visual polish when you need to audit designs before implementation or proactively detect and fix visual hierarchy and spacing issues on live sites.

Related Skills

Explore More Design & Creative Skills→
ShmurdocShmurdoc

gstack

Automate headless Chromium browser control for QA testing and site verification.

Community
Advanced
yckkkkyckkkk
1

design-review

Audit design visuals for inconsistencies and document fixes with screenshots.

Community
Advanced
tyhuffman7tyhuffman7
1

design-review

Audits live pages for spacing, typography, hierarchy problems and generates visual reports.

Community
Advanced
artofrawrartofrawr
1

ui-testing

Detect visual UI issues across web and mobile components.

Community
Intermediate