skills.rest
jm199seo
jm199seoCOMMUNITY
Explore all skills by this author →
GitHub

design-review

Identify visual inconsistencies, spacing issues, and hierarchy problems on live sites.

Updated Mar 22, 2026
Search Tags:#typography#layout#design-review#visual QA#before-after#design-polish#live-site audit
One-click install
npx skills add https://github.com/jm199seo/lostark-accessory-viewer --skill design-review-jm199seo
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-review
Source: https://github.com/jm199seo/lostark-accessory-viewer/tree/main/.claude/skills/gstack/design-review
Command: npx skills add https://github.com/jm199seo/lostark-accessory-viewer --skill design-review-jm199seo

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Visual polish and consistency are often lost across pages and components. This Skill helps design teams quickly identify visual inconsistencies, spacing issues, and hierarchy problems on live sites, enabling faster polish and fewer visual regressions.

Core Features & Use Cases

  • Visual QA audit across pages and components to enforce a consistent design system.
  • Plan-mode design review before implementation to catch issues early.
  • Before/after verification with screenshots and notes to guide fixes.

Quick Start

Run this skill to audit a live site's visuals, identify inconsistencies, and guide fixes with before/after verification.

Frequently Asked Questions about design-review

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

FAQPage Schema
How do I audit visual inconsistencies and spacing issues on a live site?▼

To audit visual inconsistencies on a live site, run a visual QA process to identify spacing, typography, and hierarchy problems across pages. This generates actionable fixes with before and after verification notes to guide design polish.

What is a plan-mode design review before implementation?▼

A plan-mode design review evaluates visual hierarchy and layout consistency before development begins. It identifies potential design polish issues early, enabling teams to enforce a consistent design system and prevent post-launch visual regressions.

How do I fix design polish and visual hierarchy problems across multiple components?▼

Fixing design polish across components requires a visual QA audit to detect typography and layout deviations. Applying systematic reviews produces actionable fixes with before/after verification notes to realign elements with the design system.

Can I use a visual QA audit to catch visual regressions post-launch?▼

Yes, a visual QA audit effectively catches visual regressions post-launch by scanning live site pages for spacing and hierarchy inconsistencies. It outputs before/after verification notes to quickly guide developers through necessary polish fixes.

Does a live site audit work for fixing typography and layout inconsistencies?▼

A live site audit works directly for fixing typography and layout inconsistencies by examining rendered components. It identifies visual hierarchy problems and delivers actionable fixes with before/after verification notes to restore design system alignment.

Related Skills

Explore More Design & Creative Skills→
nuurpronuurpro
1

canary

Detect post-deploy console errors, performance regressions, and page failures via the browse daemon.

Community
Intermediate
romiluz13romiluz13
161

ui-design

Design UI layouts with visual hierarchy, spacing, color, and state design.

Community
Basic
getcrew44getcrew44
358

visual-system-review

Evaluate UI screens for visual consistency, hierarchy, and design-system token adherence.

Official
Basic
hffmnnjhffmnnj
39

visual-regression

Compare screenshots pixel-by-pixel to detect unintended UI changes.

Community
Intermediate