audit

Audit user interfaces for accessibility, performance, theming, and responsive design.

Updated Aug 23, 2026
One-click install
npx skills add https://github.com/TudeOrangBiasa/zenithgravity-kit --skill audit-tudeorangbiasa
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: audit
Source: https://github.com/TudeOrangBiasa/zenithgravity-kit/tree/main/.agent/skills/audit
Command: npx skills add https://github.com/TudeOrangBiasa/zenithgravity-kit --skill audit-tudeorangbiasa

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill addresses the challenge of ensuring high-quality user interfaces by systematically identifying and reporting issues across accessibility, performance, theming, and responsive design.

Core Features & Use Cases

  • Multi-dimensional Auditing: Checks for accessibility violations (contrast, ARIA, keyboard nav), performance bottlenecks (layout thrashing, unoptimized assets), theming inconsistencies (hard-coded colors, broken dark mode), and responsive design flaws (fixed widths, small touch targets).
  • AI Anti-Pattern Detection: Identifies common AI-generated design tells and general design anti-patterns.
  • Detailed Reporting: Generates a structured report with severity ratings, impact analysis, and actionable recommendations, including suggested commands for remediation.
  • Use Case: A product team can use this skill to perform a pre-launch quality assurance check on a new feature's UI, ensuring it meets accessibility standards and performs well across devices before release.

Quick Start

Run a comprehensive audit of the user interface, focusing on accessibility and performance issues.

Frequently Asked Questions about audit

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

FAQPage Schema
How do I perform a UI accessibility audit on a new feature?

A UI accessibility audit checks for accessibility violations like contrast issues, ARIA misuse, and keyboard navigation flaws, while also evaluating performance, theming, and responsive design to generate a comprehensive report with severity ratings.

What is an AI-generated design anti-pattern and how do I detect it?

An AI-generated design anti-pattern is a common visual or structural flaw produced by automated design tools. This audit detects these specific anti-patterns alongside general design inconsistencies, reporting them with impact analysis and actionable remediation recommendations.

How do I check my interface for responsive design and theming flaws?

Checking responsive design and theming flaws involves identifying fixed widths, small touch targets, hard-coded colors, and broken dark mode. The audit systematically identifies these issues across devices to ensure high interface quality.

Can I use this to find performance bottlenecks like layout thrashing?

Yes, you can use this audit to find performance bottlenecks like layout thrashing and unoptimized assets. It evaluates your user interface to identify these issues and provides detailed reports with severity ratings for targeted remediation.

Does the audit provide specific commands to fix detected UI issues?

Yes, the audit provides specific suggested commands for remediation. After identifying accessibility, performance, and responsive design issues, it generates a structured report with actionable recommendations to directly guide your fixes.