skills.rest
ClyptAI
ClyptAIOFFICIAL
Explore all skills by this author →
GitHub

design-review

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
One-click install
npx skills add https://github.com/ClyptAI/Clypt-Backend --skill design-review-clyptai
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Design & Creative Skills→
tsenseitsensei
3

design-review

Audit typography, spacing, hierarchy, color, and interaction cues on live sites or prototypes.

Community
Advanced
kunalrawat425kunalrawat425

design-review

Audit visual design inconsistencies and fix them with atomic commits.

Community
Advanced
fartmonarchfartmonarch
1

web-design-guidelines

Review UI files against Web Interface Guidelines and report findings in file:line format.

Community
Intermediate
hffmnnjhffmnnj
39

visual-regression

Compare screenshots pixel-by-pixel to detect unintended UI changes.

Community
Intermediate