design-review

Name: design-review
Availability: InStock
Author: sealion-hub

Analyze live UI designs for visual inconsistencies, spacing issues, and hierarchy problems.

Updated Feb 16, 2026

Search Tags:#typography #ui #accessibility #design-system #spacing #visual-design #design-review

Ready to run

npx skills add https://github.com/SeaLion-hub/DICEE --skill design-review-sealion-hub

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: design-review
Source: https://github.com/SeaLion-hub/DICEE/tree/main/.agents/skills/gstack/design-review
Command: npx skills add https://github.com/SeaLion-hub/DICEE --skill design-review-sealion-hub

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Designer's eye QA: finds visual inconsistency, spacing issues, hierarchy problems, AI slop patterns, and slow interactions — then fixes them by committing each fix atomically and re-verifying with before/after screenshots. For plan-mode design review (before implementation), use /plan-design-review. Use when asked to "audit the design", "visual QA", "check if it looks good", or "design polish".

Core Features & Use Cases

Visual QA and consistency checks across pages and components
Iterative fixes with atomically committed changes and before/after verification
Plan-mode design reviews for pre-implementation audits

Quick Start

Run a design-review pass on the live site to surface issues, apply fixes, and verify with before/after visuals.

Frequently Asked Questions about design-review

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

FAQPage Schema

How do I find and fix visual inconsistency and spacing issues in my UI?▼

A visual QA design review audits live UI designs to surface spacing issues and hierarchy problems, applying atomic fixes and verifying improvements through before/after screenshots.

What is the best way to audit UI visuals for accessibility and responsive behavior?▼

Auditing UI visuals involves running a design review across a defined scope to enforce consistency with design tokens, accessibility guidelines, and responsive behavior for maintainable polish.

Can I check design polish and consistency across a single component instead of a whole site?▼

Yes, you can check design consistency across a single component. The review scope is fully definable, allowing you to target a whole site, a specific page, or an individual component to surface issues.

How do I perform a pre-implementation design review for visual QA?▼

To perform a pre-implementation visual QA, use the plan-mode design review to audit visual hierarchy and spacing issues before writing code, ensuring design polish upfront.

Does a design review verify fixes using before and after visuals?▼

Yes, the design review verifies fixes using before and after visuals. It commits each fix atomically and re-verifies the result to eliminate AI slop patterns and slow interactions.