skills.rest
westn
westnCOMMUNITY
Explore all skills by this author →
𝕏@westnGitHub

design-review

Audit UI for visual inconsistencies and fix source files with screenshot verification.

1|Updated Mar 15, 2026
Search Tags:#typography#layout#spacing#design-review#before-after#ui-polish#visual-audit
One-click install
npx skills add https://github.com/westn/gstack-pi-port --skill design-review-westn
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-review
Source: https://github.com/westn/gstack-pi-port/tree/main/port/gstack/design-review
Command: npx skills add https://github.com/westn/gstack-pi-port --skill design-review-westn

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Visual QA for UI: detects visual inconsistencies, spacing issues, hierarchy problems, and AI-driven slop patterns; then fixes them by iteratively updating source code and validating with before/after screenshots.

Core Features & Use Cases

  • Visual QA audits across pages and components
  • Atomic, traceable fixes with before/after verification
  • For plan-mode design review, use /skill:plan-design-review
  • Proactively suggest polish for live sites when issues are observed

Quick Start

Provide a target URL and scope, and I will run a visual QA audit, propose fixes, and attach before/after references.

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 by running a visual QA audit to identify spacing issues and typographic hierarchy problems, updating source files with atomic changes, and verifying results with before/after screenshots.

What is a visual QA audit for UI design?▼

A visual QA audit detects visual inconsistencies, spacing issues, hierarchy problems, and AI-driven slop patterns across target pages and components, proposing fixes validated with before/after references.

How do I identify and fix typographic hierarchy problems in source code?▼

Identify typographic hierarchy problems through a visual audit, apply fixes by iteratively updating source files, and verify the corrected visual output using before/after screenshot comparisons.

Can I plan a design review before applying visual fixes to a live site?▼

Yes, you can prepare a plan-mode review path using the plan-design-review command to scope visual QA audits and propose fixes before applying changes to your target URL.

How do I ensure traceable fixes when polishing UI visuals?▼

Ensure traceable UI polish by committing atomic changes to source files, documenting the rationale for each visual fix, and attaching before/after screenshot references for verification.

Related Skills

Explore More Design & Creative Skills→
curielmccurielmc

design-review

Audit live UI for visual consistency, spacing, hierarchy, and interaction latency.

Community
Advanced
cattboycattboy

design-review

Audit and fix visual design issues with atomic commits and before/after verification.

Community
Advanced
muhammadhamad1104muhammadhamad1104

design-review

Audit design documents for visual inconsistencies and interaction standards.

Community
Advanced
ShmurdocShmurdoc

design-review

Automates UI visual audits and fixes identified issues in source code.

Community
Advanced