ui-audit

Audit user interfaces against UX principles for visual hierarchy, accessibility, and navigation.

61|11|Updated Feb 4, 2026

Search Tags:#ui #accessibility #design system #audit #usability #ux

Ready to run

npx skills add https://github.com/viralcode/openwhale --skill ui-audit-viralcode

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: ui-audit
Source: https://github.com/viralcode/openwhale/tree/main/skills/ui-audit
Command: npx skills add https://github.com/viralcode/openwhale --skill ui-audit-viralcode

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill automates the process of evaluating user interfaces against established UX principles, ensuring designs are user-friendly, accessible, and aligned with best practices.

Core Features & Use Cases

Comprehensive Audits: Evaluates visual hierarchy, accessibility, navigation, cognitive load, and more.
Pattern Libraries: Provides access to a structured library of UI patterns and checklists.
Use Case: A product team can use this Skill to quickly get an objective review of a new feature's interface before development, identifying potential usability issues and accessibility gaps.

Quick Start

Ask the ui-audit skill to audit the provided Figma design link.

Frequently Asked Questions about ui-audit

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

FAQPage Schema

How do I run an automated UI audit on a Figma design link?▼

To run a UI audit, you provide the Skill with your Figma design link and request an evaluation. It then assesses the interface against established UX principles, covering visual hierarchy, accessibility, and navigation to identify usability issues.

How do I evaluate visual hierarchy and accessibility in a user interface?▼

You can evaluate visual hierarchy and accessibility by using an automated UI audit tool. It analyzes your interface against structured UX frameworks and reference materials to objectively assess these specific design patterns and compliance.

Can I use an automated UI audit for a pre-development design review?▼

Yes, you can use a UI audit for pre-development design reviews. Product teams utilize it to objectively evaluate new feature interfaces, identifying potential usability issues and accessibility gaps before the development phase begins.

Does a UI audit check cognitive load and navigation patterns?▼

Yes, a comprehensive UI audit checks both cognitive load and navigation patterns. It utilizes a structured framework and reference materials to evaluate these aspects alongside visual hierarchy and accessibility for complete interface quality assessment.

What is the best way to identify usability issues in a design system?▼

The best way to identify usability issues is through an automated UI audit that leverages pattern libraries and checklists. It evaluates your design system against proven UX principles to deliver an objective quality assessment.