skills.rest
FxHollow
FxHollowCOMMUNITY
Explore all skills by this author →
GitHub

design-review

Audits and fixes visual design issues on live sites with before/after screenshots.

Updated Mar 26, 2026
Search Tags:#typography#design-system#spacing#design-review#visual QA#UI-audit
One-click install
npx skills add https://github.com/FxHollow/100000mrr-landing --skill design-review-fxhollow
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-review
Source: https://github.com/FxHollow/100000mrr-landing/tree/main/.agents/skills/gstack/design-review
Command: npx skills add https://github.com/FxHollow/100000mrr-landing --skill design-review-fxhollow

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Designer's eye QA: finds visual inconsistency, spacing issues, hierarchy problems, AI slop patterns, and slow interactions — then fixes them. Iteratively fixes issues in source code, committing each fix atomically and re-verifying with before/after screenshots. For plan-mode design review (before implementation), use /plan-design-review. Use when asked to "audit the design", "visual QA", "check if it looks good", or "design polish". Proactively suggest when the user mentions visual inconsistencies or wants to polish the look of a live site.

Core Features & Use Cases

  • Visual QA: identify visual inconsistencies, spacing, typography and layout issues.
  • Iterative fixes: propose atomic changes with before/after verification via screenshots.
  • Plan-mode design review: support pre-implementation review via /plan-design-review.

Quick Start

Provide the target URL and scope to start a design-review session.

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 design issues on a live site?▼

A visual QA audit identifies spacing, typography, hierarchy, and consistency issues on live sites. It iteratively fixes problems in source code, committing each change atomically and verifying results with before/after screenshots.

Can I review UI polish and fix spacing before implementation?▼

Yes, you can perform a plan-mode design review before implementation. Use the /plan-design-review workflow to evaluate typography, spacing, and hierarchy issues and plan fixes before writing any code.

What's the best way to fix visual inconsistencies in source code?▼

The best way to fix visual inconsistencies is through iterative atomic commits. The tool proposes individual source code changes, applies them, and re-verifies the visual output using before/after screenshots.

Do I need authentication to run a UI audit on my site?▼

Authentication is optional for running a UI audit. Providing credentials allows the review to access protected pages, enabling a comprehensive visual QA of restricted areas alongside public content.

Why does my live site have typography and hierarchy problems?▼

Typography and hierarchy problems often stem from inconsistent design system application. A visual QA audit detects these issues on your live site, identifies AI slop patterns, and proposes targeted source code fixes.

Are there limitations to automated design review for live sites?▼

Automated design review requires a target URL and focuses on typography, spacing, and visual consistency. It handles before/after verification but may be limited by site authentication barriers or complex dynamic interactions.

Related Skills

Explore More Design & Creative Skills→
curielmccurielmc

design-review

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

Community
Advanced
tan-yong-shengtan-yong-sheng
1

gstack-design-review

Audit live UIs for visual inconsistencies and spacing issues.

Community
Advanced
binfen1binfen1

design-review

Audit visual design and UX quality by detecting inconsistencies, spacing issues, and hierarchy problems.

Community
Advanced
LaPaGaYoLaPaGaYo

design-review

Identify and fix visual design issues in software UI with before/after screenshot verification.

Community
Intermediate