UI Audit Skill for Openclaw

An AI-driven auditing tool that evaluates user interfaces against professional UX principles and the Making UX Decisions framework.

tommygeoco
v1.0.1
Jan 18, 2026
22
10.1k
0

Install & Download

1. ClawHub CLI

The fastest way to install a skill directly from the registry.

npx clawhub@latest install ui-audit

2. Manual Installation

Copy the skill folder to one of these locations

Global
~/.openclaw/skills/
Workspace
<project>/skills/

Priority: Workspace > Local > Bundled

3. Prompt Installation

Copy this prompt to OpenClaw to install it automatically.

Help me install ui-audit using Clawhub. If Clawhub is not installed, install it first (npm i -g clawhub).

Prefer to download?

Get the raw skill files in a ZIP archive.

What is UI Audit Skill?

The UI Audit skill is a specialized technical resource designed for Openclaw Skills to help developers and designers make intentional, high-speed design decisions without sacrificing quality. Based on the Making UX Decisions methodology by Tommy Geoco, it provides a structured approach to evaluating visual hierarchy, accessibility, and cognitive load.

By integrating this into Openclaw Skills, teams can automate the tedious process of manual UI reviews. The skill moves beyond simple aesthetics, focusing on three pillars: Scaffolding for automated recurring decisions, Decisioning for new challenges, and Crafting for execution excellence. It ensures every interface element aligns with both user needs and specific business macro bets like velocity or innovation.

UI Audit Skill Use Cases

  • Evaluating UI/UX design trade-offs when working under tight business deadlines.
  • Auditing existing web or mobile interfaces for accessibility and visual consistency.
  • Selecting the most effective UI patterns for complex user problems like data chunking or progressive disclosure.
  • Structuring design thinking for entirely new product interfaces using a 6-step checklist.
  • Aligning micro design decisions with company-wide macro business goals such as efficiency or accuracy.

How UI Audit Skill Works

  1. The AI agent analyzes the target interface or design proposal against core scaffolding rules and foundational mindsets.
  2. It weighs available information by comparing institutional knowledge, user familiarity, and established research data.
  3. The system narrows down design options by filtering out conflicts with technical constraints or business macro bets.
  4. It applies specialized checklists from the reference library, covering visual style, fidelity, and innovation levels.
  5. A comprehensive JSON audit report is generated, detailing visual hierarchy, accessibility status, and ranked priority fixes.

UI Audit Skill Setup

To utilize this skill within your Openclaw Skills environment, you must ensure the reference library is properly indexed by your agent.

# Clone the skill repository to your local environment
git clone https://github.com/tommygeoco/ui-audit-skill.git

# Point your Openclaw Skills agent to the /references directory
# Ensure the agent has read access to all .md framework files

UI Audit Skill Data Schema & Taxonomy

The UI Audit skill produces highly structured audit reports to maintain consistency across Openclaw Skills workflows. The data is organized into the following taxonomy:

Section Data Points Generated
Macro Bets Analysis of alignment with Velocity, Efficiency, Accuracy, or Innovation.
JTBD Mapping of user types, situations, motivations, and desired outcomes.
Visual Hierarchy Status checks for headings, action clarity, grouping, and type scale.
Accessibility Detailed evaluation of keyboard nav, contrast ratios, and touch targets.
Priority Fixes A ranked list of improvements including framework references for implementation.

UI Audit Skill Advanced Features

  • Multi-pillar decisioning workflow that separates recurring rules from new creative decisions.
  • Automated pattern selection library covering over 30 specific UI components including cognitive load management and social proof.
  • Contextual report generation that adapts sections based on whether the interface is a form, a landing page, or a navigation system.
  • Strategic alignment engine that maps micro design choices to high-level company macro bets.
  • Integration support for Figma URLs and screenshots to facilitate direct visual analysis within Openclaw Skills.

SKILL.md


Loading

Related Openclaw Skills

METADATA

Github Stars: 0
forks: 0

Featured*