Ui Design Review

This is a systematic visual design audit tool that evaluates 10 specific dimensions: typography, color palette, spacing, visual hierarchy, consistency, imagery, layout grids, component design, branding, and modern standards. It's most useful when you need to QA a design before handoff, spot visual debt in an existing product, or ensure brand consistency across screens. The framework is opinionated about things like line height ratios, spacing scales, and font limits, which is helpful if you want concrete criteria instead of vague feedback. Works best when combined with separate usability or accessibility reviews since this focuses purely on the visual polish and aesthetic quality, not whether users can actually complete tasks.

skills.sh installs: 1.2K
GitHub stars: 69
last updated: Aug 21, 2026

View on GitHub

Install

$ npx -y skills add mastepanoski/claude-skills --skill ui-design-review --agent claude-code

Installs into .claude/skills of the current project.

Files

UI Design Review

This skill enables AI agents to perform a comprehensive visual design and aesthetics evaluation of digital interfaces, analyzing elements like typography, color palettes, spacing, visual hierarchy, and overall design quality.

While other UX skills focus on functionality and usability, this skill evaluates the visual polish, aesthetic appeal, and design craftsmanship that makes interfaces feel professional, trustworthy, and delightful.

Use this skill to elevate visual design quality, ensure brand consistency, and create interfaces that not only work well but also look exceptional.

Combine with "Nielsen Heuristics" for usability, "WCAG Accessibility" for inclusive design, or "Don Norman Principles" for intuitive interaction.