Audit visual UI quality across typography, spacing, color, and layout hierarchy.
npx skills add https://github.com/120ventures/claude-skills --skill ui-audit-120ventures
Please help me install this Agent Skill. Skill: ui-audit Source: https://github.com/120ventures/claude-skills/tree/main/ui-audit Command: npx skills add https://github.com/120ventures/claude-skills --skill ui-audit-120ventures
This skill assesses a project's visual UI quality to ensure layout hierarchy, spacing, typography, color use, and consistency align with the design system, preventing polish gaps from slipping into production.
Run /ui-audit to begin an automated visual UI quality audit of the current project.
High-intent search queries and answers about installing and using this skill.
To check UI design system consistency before a launch, run an automated audit that evaluates typography, spacing, color tokens, and layout hierarchy to identify visual inconsistencies and generate actionable fixes.
A visual UI audit for component consistency is a review process that identifies polish gaps in typography, spacing, and color use to ensure visual elements align with your design system and prevent errors in production.
You can fix typography and spacing inconsistencies across pages by running a visual quality audit that validates tokens against your design system and outputs prioritized recommendations for rapid maintenance and corrections.
Yes, you can validate color consistency and layout hierarchy without external dependencies, as the audit operates directly on your project files to verify coherent brand language and ensure primary elements and CTAs stand out.
The best way to perform ongoing UI maintenance visual reviews is to execute an automated audit that assesses visual layout hierarchy and design token usage, providing rapid feedback for continuous UI polish.
You should reconsider an automated UI quality audit if your project lacks an established design system or defined tokens, as the audit relies on comparing existing typography, spacing, and color rules to identify inconsistencies.
mrodrigues1Define visual design systems using typography, color, spacing, and iconography.
tropeksAnalyze live sites for visual inconsistencies and propose concrete fixes.
TheGoat395Inspect frontend visual quality across responsive layouts, typography, spacing, motion, and accessibility.
jcdiv47Audit frontend features and produce a design-system normalization plan.
