skills.rest
tommygeoco
tommygeocoCOMMUNITY
Explore all skills by this author →
GitHub

ui-audit

Audit UI designs against UX principles for hierarchy, accessibility, and usability issues.

20|2|Updated Jan 17, 2026
Search Tags:#accessibility#audit#reporting#design-principles#ux#visual-hierarchy#ui-audit
One-click install
npx skills add https://github.com/tommygeoco/ui-audit --skill ui-audit-tommygeoco
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-audit
Source: https://github.com/tommygeoco/ui-audit/tree/main
Command: npx skills add https://github.com/tommygeoco/ui-audit --skill ui-audit-tommygeoco

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

The UI Audit Skill enables AI assistants to assess interfaces against established UX principles, speeding up structured UI audits.

Core Features & Use Cases

  • Visual hierarchy, typography, spacing, and color usage evaluation
  • Accessibility checks and contrast analysis
  • Navigation clarity and information architecture assessment
  • Automated audit reporting with actionable recommendations
  • Real-world use case: generate audit reports from design URLs or files

Quick Start

Run an initial UI audit on a given design URL and generate a structured report.

Frequently Asked Questions about ui-audit

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

FAQPage Schema
How do I audit UI designs against established UX principles?▼

To audit UI designs against UX principles, evaluate visual hierarchy, typography, spacing, and color usage. This process identifies accessibility gaps and usability issues across web and mobile interfaces, delivering structured reporting with actionable recommendations.

Can I run a UI accessibility and contrast check using a Figma URL?▼

Yes, you can perform a UI accessibility and contrast check using a Figma or design URL. The audit assesses visual hierarchy and accessibility gaps, generating a structured report with actionable recommendations for web and mobile interfaces.

What is included in a structured UI audit report?▼

A structured UI audit report includes evaluations of visual hierarchy, typography, spacing, and color usage. It also contains accessibility checks, navigation clarity assessments, and actionable recommendations based on core UX frameworks and checklists.

Does this UI audit process work for both web and mobile interface validations?▼

Yes, this UI audit process works for validating both web and mobile interfaces. It assesses navigation clarity and information architecture to identify usability issues, applying established design principles to generate structured audit outputs.

What's the best way to scale UI design reviews and design-system validations?▼

The best way to scale UI design reviews and design-system validations is by applying structured audit frameworks. This evaluates visual hierarchy and accessibility gaps with rigor, generating automated audit reporting with actionable recommendations.

Related Skills

Explore More Design & Creative Skills→
Sacred-GSacred-G
2

figma-implement-design

Translate Figma designs into production-ready UI code with token-driven styling.

Community
Advanced
runkidsrunkids
11

seo

Audit a website's technical SEO and output prioritized optimization recommendations.

Community
Basic
viralcodeviralcode
61

ux-audit

Evaluate user interfaces against UX principles like visual hierarchy and accessibility.

Community
Advanced
rknallrknall
58

UI/UX Design Review

Evaluate UI/UX designs for WCAG 2.1/2.2 accessibility and usability issues.

Community
Advanced