skills.rest
Kakarottoooo
KakarottooooCOMMUNITY
Explore all skills by this author →
GitHub

design-review

Detect visual inconsistencies and polish gaps in live UI designs.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Visual QA for UI designs to detect visual inconsistencies, spacing issues, typography, and hierarchy problems, and to propose concrete fixes.

Core Features & Use Cases

  • Visual QA across live sites to polish typography, spacing, color usage, and layout hierarchy.
  • Before/after verification with atomic fixes and re-checks, ensuring design polish end-to-end.
  • Use case: you want to audit a landing page for consistency with your design system and fix any gaps before launch.

Quick Start

Provide a live site URL and optional scope, then ask the skill to audit the design and apply fixes.

Frequently Asked Questions about design-review

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

FAQPage Schema
How do I perform a visual QA audit on a live website?▼

Visual QA for UI designs detects visual inconsistencies, spacing issues, typography, and hierarchy problems by auditing a live URL and defined scope to propose concrete fixes.

Can I audit my landing page for design system consistency before launch?▼

You can audit a landing page for design system consistency by running a visual QA check across the live site to polish typography, spacing, color usage, and layout hierarchy.

What is the best way to fix UI typography and spacing inconsistencies?▼

The best way to fix UI typography and spacing inconsistencies is to run a visual QA audit that detects polish gaps and proposes atomic fixes with before and after verification.

Does visual QA work across multiple pages or screens?▼

Visual QA works across multiple pages or screens by applying design review checks to live websites and design-system references, ensuring comprehensive layout hierarchy and color usage evaluation.

Do I need a live URL to check for visual inconsistencies in my UI design?▼

You need a live URL and a defined scope to check for visual inconsistencies, as the visual QA process requires access to the live site to generate concrete fixes and verifications.

Why does my UI design layout hierarchy look inconsistent across screens?▼

Your UI design layout hierarchy may look inconsistent across screens due to unpolished spacing, typography, or color usage, which a visual QA audit can detect and propose atomic fixes for.

Related Skills

Explore More Design & Creative Skills→
curielmccurielmc

design-review

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

Community
Advanced
legotec73legotec73

design-review

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

Community
Advanced
vanman2024vanman2024
10

design-system-enforcement

Enforce design-system compliance for Next.js UI components with shadcn/ui and Tailwind v4.

Community
Advanced
KrismithReddy12KrismithReddy12

design-review

Audit web interfaces for visual inconsistencies, spacing issues, and hierarchy problems.

Community
Advanced