skills.rest
antriksh-29
antriksh-29COMMUNITY
Explore all skills by this author →
GitHub

design-review

Audit live websites for visual QA and fix issues with atomic commits.

Updated Mar 24, 2026
Search Tags:#typography#accessibility#design-system#spacing#visual-qa#design-review#ui-polish
One-click install
npx skills add https://github.com/antriksh-29/reddit-automation --skill design-review-antriksh-29
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-review
Source: https://github.com/antriksh-29/reddit-automation/tree/main/.claude/skills/gstack/design-review
Command: npx skills add https://github.com/antriksh-29/reddit-automation --skill design-review-antriksh-29

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Audits live websites for visual QA, identifying visual inconsistencies, spacing issues, typography hierarchies, and AI slop patterns, then fixes them with atomic commits and before/after verification to ensure a polished UI.

Core Features & Use Cases

  • Visual QA audits of entire sites or focused pages against a design system, including typography, spacing, color, hierarchy, and interaction states.
  • Iterative fixes with atomic commits, re-audits, and before/after screenshots to prove impact and maintain version control.
  • Plan-mode design review for pre-implementation polish, with an activation trigger and a traceable audit+fix record.

Quick Start

Run a full visual audit on the target site, apply fixes atomically, and verify the result 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 a live website to fix spacing and typography issues?▼

A visual QA audit identifies spacing, typography, hierarchy, and color inconsistencies on live websites by scanning them against a design system baseline, then applies fixes using atomic commits with before/after verification to ensure a polished UI.

Can I review UI polish and fix visual inconsistencies without breaking my current design system baseline?▼

Yes, the skill integrates with a design-system-driven baseline to review UI polish, identifying visual inconsistencies and AI slop patterns, then verifies all spacing and typography fixes using before/after screenshots to ensure visual consistency.

What is the best way to automate design reviews and record outcomes for pre-implementation polish?▼

The best way to automate design reviews for pre-implementation polish is using plan-mode design reviews, which provide an activation trigger and a traceable audit and fix record to systematically resolve visual inconsistencies before deployment.

Does the visual QA audit support both full-site audits and targeted single-page reviews?▼

Yes, the visual QA audit supports both full-site audits and targeted page reviews, offering diff-aware, quick, or deep modes to identify and fix typography, spacing, and hierarchy issues while enforcing atomic commits.

How do atomic commits and before/after verification work when fixing visual hierarchy issues?▼

Atomic commits and before/after verification work by applying iterative fixes to visual hierarchy issues as isolated, version-controlled commits, then capturing screenshots to prove impact and maintain a traceable record of UI polish outcomes.

Related Skills

Explore More Design & Creative Skills→
ScivorScivor

design-review

Audit live sites for typography, spacing, and hierarchy consistency.

Community
Advanced
singhianand23045singhianand23045

design-review

Audit live sites for visual inconsistencies and apply fixes with atomic commits.

Community
Advanced
legotec73legotec73

design-review

Audit live websites for visual issues and apply atomic code fixes.

Community
Advanced
vosslabvosslab
2

color-accessibility-expert

Detect and fix color contrast issues in code and images using WCAG ratios.

Community
Advanced