design-review

Name: design-review
Availability: InStock
Author: ClyptAI

Audit UI surfaces for visual inconsistencies and implement design fixes.

Updated Mar 8, 2026

Search Tags:#typography #accessibility #layout #spacing #design-review #ui-polish #visual-audit

Ready to run

npx skills add https://github.com/ClyptAI/Clypt-Backend --skill design-review-clyptai

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: design-review
Source: https://github.com/ClyptAI/Clypt-Backend/tree/main/.agents/skills/gstack/design-review
Command: npx skills add https://github.com/ClyptAI/Clypt-Backend --skill design-review-clyptai

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Designers often miss visual inconsistencies, spacing issues, and hierarchy problems that degrade user experience. This Skill provides a structured audit flow to identify and fix these issues, then verifies changes with before/after visuals.

Core Features & Use Cases

Visual QA and design polish: detect misalignment, typography, color contrast, and spacing issues.
Plan-mode integration: audit, fix, and verify within design-review workflows, with atomic commits and reproducible results.
Verification by screenshots: compare before and after visuals to ensure improvements align with design intent.

Quick Start

Audit the current UI, propose fixes for typography, spacing, and hierarchy, then implement changes and verify 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 UI audit to fix spacing and typography inconsistencies?▼

A visual UI audit detects misalignment, spacing, typography, and color contrast issues, then applies layout adjustments and style refinements to resolve visual inconsistencies across UI surfaces.

What's the best way to verify UI polish changes with before and after screenshots?▼

Verifying UI polish requires capturing before and after screenshots to compare visual changes, ensuring typography, spacing, and hierarchy corrections align with the original design intent and branding guidelines.

Can I audit a live site for accessibility and color contrast problems?▼

Yes, you can audit live sites and design systems to detect accessibility and color contrast issues, applying concrete design corrections that ensure UI components meet accessibility and branding guidelines.

Does plan-mode design review support iterative fixes for hierarchy problems?▼

Plan-mode design review supports iterative polish by auditing visual hierarchy problems, proposing fixes, implementing concrete layout adjustments, and verifying improvements through reproducible before and after visual comparisons.

When do I need a visual QA workflow for design systems?▼

You need a visual QA workflow when design systems show slow interactions, visual inconsistencies, or hierarchy problems, requiring structured audit flows to apply atomic corrections and verify UI polish.