skills.rest
Scivor
ScivorCOMMUNITY
Explore all skills by this author →
Website𝕏@Scivor_AIGitHub

design-review

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

Updated Apr 11, 2026
Search Tags:#typography#accessibility#design-system#spacing#design-review#visual QA#UI polish
One-click install
npx skills add https://github.com/Scivor/helm --skill design-review-scivor
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-review
Source: https://github.com/Scivor/helm/tree/main/skills/gstack/design-review
Command: npx skills add https://github.com/Scivor/helm --skill design-review-scivor

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Visual QA identifies visual inconsistencies, spacing issues, hierarchy problems, and AI slop in live sites or design systems, then guides fixes to improve polish and consistency.

Core Features & Use Cases

  • Visual QA audits typography, spacing, color contrast, and visual hierarchy
  • Iterative fixes with before/after verification and lightweight documentation
  • Plan-mode design reviews to validate UI polish before implementation

Quick Start

Provide the URL of the page to audit and I will return a visual QA report with suggested fixes.

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?▼

A visual QA audit identifies visual inconsistencies, spacing issues, and hierarchy problems in live sites. It enforces measurable criteria like spacing grids and typography scale to ensure accessible, consistent visuals.

Can I use this to check color contrast and accessibility on my UI?▼

Yes, you can check color contrast and accessibility. The audit enforces measurable criteria including color contrast rules to identify visual inconsistencies and ensure your UI remains accessible and visually consistent.

How do I fix spacing and typography inconsistencies across components?▼

Fix spacing and typography inconsistencies by applying the suggested fixes from the audit report. The tool enforces spacing grids and typography scale rules, providing iterative fixes with before/after verification to polish UI.

Does visual QA work for design-system audits across multiple pages?▼

Yes, visual QA works for design-system audits across pages and components. It checks visual hierarchy and spacing grids to validate UI polish and ensure consistent visuals throughout your entire design system.

What is the best way to validate UI polish before implementation?▼

The best way to validate UI polish before implementation is using plan-mode design reviews. This process audits typography, spacing, and hierarchy rules upfront to identify visual inconsistencies and guide fixes proactively.

Why does my live site have visual hierarchy and AI slop issues?▼

Visual hierarchy and AI slop issues occur when measurable criteria like spacing grids and typography scale are not enforced. A visual QA audit identifies these problems and guides fixes to improve UI polish and consistency.

Related Skills

Explore More Design & Creative Skills→
deveshkumarsdeveshkumars

design-review

Audit live pages for visual QA issues and propose atomic fixes.

Community
Advanced
legotec73legotec73

design-review

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

Community
Advanced
marcioaltoemarcioaltoe
14

gesttione-design-system

Applies Gesttione brand colors, typography, and metric tokens to UI components.

Community
Intermediate
Anuj23105Anuj23105
1

accessibility-auditing

Tests web page and UI component accessibility compliance with WCAG 2.1 AA/AAA standards.

Community
Advanced