skills.rest
ravidorr
ravidorrCOMMUNITY
Explore all skills by this author →
Website𝕏@ravidorGitHub

ui-design-review

Analyze UI designs across layout, grid, typography, color, composition, and pattern consistency.

1|Updated Jan 18, 2026
Search Tags:#typography#accessibility#ui-design#visual-design#ui-review#grid-systems#color-usage
One-click install
npx skills add https://github.com/ravidorr/claude-skills-library --skill ui-design-review
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-design-review
Source: https://github.com/ravidorr/claude-skills-library/tree/main/skills/ui-design-review
Command: npx skills add https://github.com/ravidorr/claude-skills-library --skill ui-design-review

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

UI design reviews help teams identify and fix layout, typography, color, and grid issues in enterprise dashboards, producing precise, implementable improvements.

Core Features & Use Cases

  • Six-dimension analysis covering layout, grid, composition, typography, color, and pattern consistency
  • Context gathering to tailor feedback to product goals and user needs
  • Design-system alignment and references to ensure scalable, reusable guidance
  • Clear, measurable recommendations with exact values and actionable steps
  • Works with screenshots, mockups, and live interfaces

Quick Start

Upload the UI artifact (screenshots or mockups) and ask for a six-dimension review with concrete, actionable recommendations.

Frequently Asked Questions about ui-design-review

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

FAQPage Schema
How do I get actionable feedback on my UI design mockups?▼

To get actionable UI design feedback, upload your screenshots or mockups and request a six-dimension review. The analysis delivers precise recommendations with exact values for layout, grid, typography, color, composition, and pattern consistency.

What's the best way to review typography and color usage in enterprise dashboards?▼

Reviewing typography and color usage in enterprise dashboards requires a structured critique across six dimensions. The analysis provides measured guidance with exact values and accessibility considerations aligned to WCAG standards and design-system references.

Can I use this UI review on live interfaces and data-heavy mobile applications?▼

Yes, you can use this UI review on live interfaces and data-heavy mobile applications. It analyzes high-fidelity mockups across both desktop and mobile contexts, delivering concrete implementation steps tailored to your specific product goals.

How do I check if my grid system and layout meet accessibility standards?▼

Checking grid system and layout accessibility involves analyzing the design against WCAG standards. The review evaluates composition and pattern consistency, providing measurable recommendations to ensure your interface meets accessibility requirements and design-system alignment.

Does this design critique provide exact values for fixing visual design issues?▼

Yes, this design critique provides exact values for fixing visual design issues. It delivers clear, measurable recommendations with concrete implementation steps rather than vague suggestions, ensuring scalable and reusable guidance for your design system.

Related Skills

Explore More Design & Creative Skills→
binan-makerbinan-maker

recreate-screenshot

Recreate UI screens from screenshots or image references with pixel-perfect accuracy.

Community
Advanced
tanujsutariatanujsutaria
1

design-system-auditor

Audit SwiftUI views for hardcoded colors, spacing, and typography.

Community
Basic
45black45black
1

ui-review

Identify accessibility, design-system, and legaltech pattern gaps in user interfaces.

Community
Advanced
mtsatryanmtsatryan
1

accessibility-tester

Audit digital products for WCAG 2.1/3.0 conformance across web, mobile, and software interfaces.

Community
Advanced