skills.rest
bananaduck1
bananaduck1COMMUNITY
Explore all skills by this author →
GitHub

design-review

Audit visual design for layout, typography, color, and interaction issues.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Design reviews catch visual inconsistencies, spacing gaps, and slow interactions that degrade UX, then prescribe fixes to tighten the product's look and feel.

Core Features & Use Cases

  • Visual QA: detect typography, spacing, color contrast, and hierarchy issues and propose fixes.
  • Iterative fixes: commit each fix atomically and verify with before/after screenshots.
  • Plan-mode guidance: for early design exploration, use /plan-design-review.

Quick Start

Run a design audit on the current UI and return a prioritized list of fixes with before/after references.

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 UI audit to fix visual inconsistencies on my live site?▼

A visual UI audit detects typography, spacing, color contrast, and hierarchy issues on live sites or components, then returns a prioritized list of concrete fixes with before/after references.

What is the best way to identify and fix design-system gaps in my components?▼

The best way to identify design-system gaps is auditing visual design for consistency and usability across components, returning prioritized atomic commits that engineers can implement with verifiable outcomes.

Does this design review process support early design exploration?▼

Yes, design review supports early design exploration through plan-mode guidance, allowing you to critique layout and interaction issues before committing to implementation.

Can I verify UI polish fixes with before and after references?▼

Yes, you can verify UI polish by committing each fix atomically and checking the provided before/after references to ensure the visual hierarchy and spacing gaps are resolved.

How do I check color contrast and typography hierarchy issues in my UI?▼

You check color contrast and typography hierarchy issues by running a visual QA process that audits the current UI, prescribing concrete fixes to tighten the product's look and feel.

Why does my UI look inconsistent and how do I prioritize the fixes?▼

Your UI looks inconsistent due to spacing gaps, typography issues, and slow interactions; prioritize fixes by auditing visual design to return a prioritized list addressing the most critical usability problems first.

Related Skills

Explore More Design & Creative Skills→
romiluz13romiluz13
161

ui-design

Design UI layouts with visual hierarchy, spacing, color, and state design.

Community
Basic
imonmiimonmi

design-review

Audit live sites for visual issues and fix them with atomic commits.

Community
Advanced
guillermoscriptguillermoscript
21

normalize

Analyze and refactor UI components, styles, and layout to align with a specified design system.

Community
Advanced
etewiahetewiah
635

theme-evaluation

Evaluate theme palettes for WCAG contrast and accessibility compliance.

Community
Advanced