ui-audit

Audit UI designs for hierarchy, accessibility, cognitive load, and navigation.

2|Updated Feb 15, 2026
One-click install
npx skills add https://github.com/mmcmedia/openclaw-agents --skill ui-audit-mmcmedia
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ui-audit
Source: https://github.com/mmcmedia/openclaw-agents/tree/main/skills/ui-audit
Command: npx skills add https://github.com/mmcmedia/openclaw-agents --skill ui-audit-mmcmedia

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

AI-powered UI Audit helps teams quickly evaluate interfaces against proven UX principles, identifying where visual hierarchy, accessibility, cognitive load, and navigation can be improved.

Core Features & Use Cases

  • Automated visual hierarchy checks covering typography, spacing, color usage, and reading flow.
  • Accessibility and keyboard-navigability auditing aligned with POUR and WCAG guidelines.
  • Pattern-aware evaluation including navigation, progressive disclosure, and feedback mechanisms.
  • Use cases span dashboards, product pages, landing pages, and marketing sites to guide design decisions.

Quick Start

Provide a design reference (URL or image) and request an audit.

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 for accessibility and visual hierarchy?

The UI audit evaluates typography, spacing, color usage, and reading flow to identify visual hierarchy issues, while also checking accessibility and keyboard-navigability aligned with POUR and WCAG guidelines.

Can I use this UI audit for both web and mobile dashboards?

Yes, the UI audit applies to dashboards, product pages, and marketing interfaces across both web and mobile contexts to guide design decisions and ensure usability.

What is the best way to evaluate cognitive load in a user interface?

Evaluating cognitive load involves pattern-aware checks of navigation, progressive disclosure, and feedback mechanisms to ensure the interface minimizes unnecessary mental effort for users.

How do I integrate usability audit findings into my design system?

The audit produces a JSON-compatible output containing structured findings and prioritized fixes, which can be directly integrated with design systems and product decisioning workflows.

Does the accessibility audit check keyboard navigability and WCAG compliance?

Yes, the accessibility audit specifically checks keyboard-navigability and evaluates interfaces against POUR principles and WCAG guidelines to ensure compliance.