skills.rest
tillysoso
tillysosoCOMMUNITY
Explore all skills by this author →
GitHub

ui-audit

Audit web UI quality across accessibility, interaction, forms, and layout.

Updated Sep 10, 2025
Search Tags:#ui#accessibility#frontend#audit#usability
One-click install
npx skills add https://github.com/tillysoso/mv1 --skill ui-audit-tillysoso
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-audit
Source: https://github.com/tillysoso/mv1/tree/main/.claude/skills/ui-audit
Command: npx skills add https://github.com/tillysoso/mv1 --skill ui-audit-tillysoso

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Audits web UI quality across accessibility, interaction, forms, typography, navigation, layout, performance, motion, and microcopy. Use when reviewing or refining frontend UI before merge or release, asking "check my UI", "is this accessible", "polish this page", or when the user asks for a UI, UX, or accessibility audit.

Core Features & Use Cases

  • Systematic UI quality checks covering accessibility (a11y), keyboard interactions, forms, typography, navigation, layout, performance, motion, and microcopy.
  • Use cases include design reviews, pre-release polish, usability validation, and accessibility conformance checks across pages.

Quick Start

Audit the current page for accessibility, interaction, typography, and visual polish.

Frequently Asked Questions about ui-audit

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

FAQPage Schema
How do I run a UI accessibility audit on my frontend before release?▼

A UI accessibility audit checks frontend interfaces for a11y conformance, keyboard interactions, and forms. It systematically reviews web UI quality across navigation, layout, and microcopy to identify polish issues before merge or release.

What is a UI quality audit and what does it cover?▼

A UI quality audit is a structured review of web frontend interfaces covering accessibility, typography, motion, performance, and microcopy. It categorizes findings by priority to guide design reviews and usability validation across pages.

Can I use this UI audit for design reviews across multiple web pages?▼

Yes, this UI audit applies to design reviews and accessibility conformance checks across multiple pages. It evaluates layout, navigation, typography, and microcopy, generating a guided reporting template to track issues systematically.

What's the best way to polish a web page's UI and usability?▼

The best way to polish UI is running a structured quality audit that evaluates interaction, typography, and visual layout. This identifies priority-based usability issues and generates a categorized report for targeted refinement.

Does this UI audit check frontend performance and motion?▼

Yes, the UI audit includes performance and motion in its quality checks. It evaluates frontend interfaces across accessibility, layout, navigation, and microcopy to ensure comprehensive polish before deployment.

Why does my frontend need a structured UI audit before merging?▼

A structured UI audit identifies accessibility gaps, interaction flaws, and typography issues before merging. It categorizes UI quality findings by priority, ensuring design reviews and polish passes are thorough and actionable.

Related Skills

Explore More Design & Creative Skills→
mrsknetworkmrsknetwork

web-design-guidelines

Assess UI code against Web Interface Guidelines and accessibility standards.

Community
Intermediate
helderbertohelderberto
12

a11y-audit

Audit frontend source files for WCAG violations and report findings by severity.

Community
Intermediate
marcus-frictionmarcus-friction
3

ui-accessibility-review

Identify and fix accessibility and UI quality gaps in Nuxt/Tailwind projects.

Community
Intermediate
joe-watkinsjoe-watkins
1

a11y-tester

Run axe-core accessibility tests on web pages via Playwright MCP.

Community
Advanced