skills.rest
erclx
erclxCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

claude-ux-audit

Audit UI surfaces against design tokens and wireframes for consistency.

2|Updated Jan 13, 2026
Search Tags:#design#ui#consistency#audit#quality#ux
One-click install
npx skills add https://github.com/erclx/aitk --skill claude-ux-audit
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: claude-ux-audit
Source: https://github.com/erclx/aitk/tree/main/claude/skills/claude-ux-audit
Command: npx skills add https://github.com/erclx/aitk --skill claude-ux-audit

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill addresses the common issue of UI drift and inconsistency by systematically auditing your project's surfaces against defined design tokens and wireframes.

Core Features & Use Cases

  • Automated Surface Scanning: Identifies UI surfaces like panels, pages, and components to ensure they align with project standards.
  • Gap Analysis: Detects missing feedback states, unhandled edge cases, and visual inconsistencies by comparing implementation against design documentation.
  • Use Case: Run this audit before a release to catch missing error states or spacing issues that deviate from your established design system.

Quick Start

Ask the AI to perform a UX audit on the current project to identify inconsistencies and missing feedback states.

Frequently Asked Questions about claude-ux-audit

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

FAQPage Schema
How do I audit my frontend codebase for UI consistency against design tokens?▼

To audit a frontend codebase for UI consistency, you scan implementation surfaces like panels and components, comparing them against project-specific design tokens and wireframes to identify visual drift and missing feedback states.

What is a UX consistency audit and how does it detect missing feedback states?▼

A UX consistency audit systematically compares your UI implementation against design documentation to detect missing feedback states, unhandled edge cases, and visual roughness caused by UI drift from established standards.

Do I need wireframe files to perform an automated UX gap analysis?▼

Yes, performing an automated UX gap analysis requires access to project design documentation and wireframe files to validate actual UI intent against the implementation and accurately detect missing feedback states.

When should I run a UX audit to catch visual roughness before a release?▼

You should run a UX audit before a release to catch missing error states, spacing issues, and visual roughness that deviate from your established design system and project-specific design tokens.

Can this UX audit identify unhandled edge cases in my UI surfaces?▼

Yes, the UX audit identifies unhandled edge cases in UI surfaces by performing a gap analysis that compares the frontend codebase implementation directly against your project's design documentation and wireframes.

Related Skills

Explore More Design & Creative Skills→
chipermanchiperman

baseline-ui

Audit UI components for baseline conformance against Tailwind defaults and design tokens.

Community
Basic
jcdiv47jcdiv47

normalize

Audit frontend features and produce a design-system normalization plan.

Community
Advanced
microscalermicroscaler
1

design-system-audit

Detect hardcoded design-token violations in frontend codebases and report fixes.

Official
Intermediate
imgamerimgamer

test-evidence-review

Evaluate automated test quality and manual evidence completeness for game stories.

Community
Intermediate