ui-audit

✓Verified·Scanned 2/18/2026

This skill provides structured UI audit guidance and an on-disk reference library (./SKILL.md, ./references/*). It contains install commands (npx skills add uxtools/ui-audit, npm install ui-audit) and a suggested copy path (~/clawd/skills/ui-audit/); no explicit secret access or remote-exfiltration instructions were found.

from clawhub.ai·vc3aca4e·157.0 KB·0 installs
Scanned from 1.0.1 at c3aca4e · Transparency log ↗
$ vett add clawhub.ai/tommygeoco/ui-audit
<p align="center"> <picture> <source media="(prefers-color-scheme: dark)" srcset="logo-dark.png" /> <source media="(prefers-color-scheme: light)" srcset="logo-light.png" /> <img src="logo-light.png" alt="UI Audit" width="50" /> </picture> </p> <p align="center"> <strong>AI skill for automated UI audits</strong><br> Evaluate interfaces against proven UX principles. </p> <p align="center"> <a href="https://audit.uxtools.co">Guidelines</a> • <a href="https://clawdhub.com/skills/ui-audit">ClawdHub</a> • <a href="https://npmjs.com/package/ui-audit">npm</a> </p>

What is this?

A skill that gives AI assistants the ability to perform structured UI audits. Based on Making UX Decisions by Tommy Geoco.

Audits include:

  • Visual hierarchy & typography
  • Visual style & spacing
  • Accessibility & contrast
  • Navigation & wayfinding
  • Cognitive load & information architecture
  • Social proof & trust signals
  • Onboarding & empty states

Installation

# Agent Skills (Vercel)
npx skills add uxtools/ui-audit

# ClawdHub
clawdhub install ui-audit

# npm
npm install ui-audit

Usage

Ask your AI assistant:

Audit this design: [figma-url]
Review this landing page for accessibility issues
What visual hierarchy patterns should I use for a pricing page?

What's Included

ui-audit/
├── SKILL.md                    # Main skill instructions
├── CLAUDE.md                   # Claude-specific quick reference
└── references/
    ├── 00-core-framework.md    # Decision-making process
    ├── 10-checklist-*.md       # Execution checklists
    └── 2*-patterns-*.md        # UI pattern libraries

Guidelines

View the full list of principles at audit.uxtools.co

Decisioning

  • Weigh information in order: Institutional knowledge → User familiarity → Research
  • Align every decision with macro bets: Velocity, Efficiency, Accuracy, or Innovation
  • Define jobs-to-be-done first

Visual Hierarchy

  • Primary action is obvious within 3 seconds
  • 2:1 ratio minimum between heading levels
  • Related items are grouped (Law of Proximity)

Accessibility

  • Keyboard works everywhere
  • Focus is always visible
  • Color is not the only indicator

View all guidelines →

Author

Tommy Geoco — uxtools.co • uxdecisions.com

License

MIT