skills.rest
SeaLion-hub
SeaLion-hubCOMMUNITY
Explore all skills by this author →
GitHub

design-review

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
One-click install
npx skills add https://github.com/SeaLion-hub/DICEE --skill design-review-sealion-hub
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Design & Creative Skills→
mulyovedmulyoved

design-review

Audit live sites for visual inconsistencies and spacing issues.

Community
Advanced
VertaKhanVertaKhan

design-review

Identify and fix visual design issues across live sites or design systems.

Community
Advanced
superpollo02superpollo02

shadcn

Generate shadcn/ui-inspired component guidance with token-first rules and WCAG 2.2 AA constraints.

Community
Intermediate
TwoTonedTwoToned

design-review

Audit visual designs for inconsistencies, spacing, and hierarchy issues.

Official
Advanced