Summary
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.
Install to Claude Code
npx -y skills add mastepanoski/claude-skills --skill ui-design-review --agent claude-codeInstalls into .claude/skills of the current project.
Your agent targets a perfect 10 Code Health score. Deterministic. Every commit.
Try For Free →
Agent, run crypto. Access onchain data & trade routes via 1inch.
Install now →
Give your AI agent a complete email layer—sending, inbound inboxes, and sandbox testing.
Get 4K emails/month free →
Integrate web data into your AI product. One API to scrape website & brand data.
Get API Key Now →Files
SKILL.md
Select a file.
Featured
Your agent targets a perfect 10 Code Health score. Deterministic. Every commit.
Try For Free →Agent, run crypto. Access onchain data & trade routes via 1inch.
Install now →Give your AI agent a complete email layer—sending, inbound inboxes, and sandbox testing.
Get 4K emails/month free →Integrate web data into your AI product. One API to scrape website & brand data.
Get API Key Now →First SeenApr 16, 2026
