audit

Audit frontend interfaces for accessibility, performance, theming, and responsive design issues.

Updated Jan 23, 2026
One-click install
npx skills add https://github.com/phismith91/notenschluss --skill audit-phismith91
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: audit
Source: https://github.com/phismith91/notenschluss/tree/main/.agents/skills/audit
Command: npx skills add https://github.com/phismith91/notenschluss --skill audit-phismith91

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Auditing user interfaces for quality and accessibility can be time-consuming and error-prone; this Skill standardizes a thorough evaluation across accessibility, performance, theming, and responsive design, delivering a detailed report with severity ratings and concrete recommendations.

Core Features & Use Cases

  • Accessibility checks covering ARIA roles, keyboard navigation, semantic HTML, color contrast, and focus management.
  • Performance and responsive design evaluation, including layout stability, animation efficiency, and mobile/tablet behavior.
  • Theming validation to ensure tokens, color schemes, and dark-mode support are consistent.
  • Anti-patterns detection and prioritized issue reporting to guide design reviews and engineering sprints.
  • Generates a comprehensive, actionable report suitable for QA gates, design reviews, and stakeholder demonstrations.

Quick Start

Run the UI audit on your project to generate a prioritized report of issues and recommendations.

Frequently Asked Questions about audit

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

FAQPage Schema
How do I audit frontend accessibility and performance issues?▼

Auditing frontend accessibility and performance requires checking ARIA roles, keyboard navigation, layout stability, and animation efficiency. This process generates a structured report with severity ratings and actionable recommendations for your design system.

What is included in a UI design system audit report?▼

A UI design system audit report includes accessibility checks, performance evaluation, theming validation, and responsive design analysis. It detects anti-patterns and outputs prioritized issues with concrete recommendations for design reviews and sprint demos.

How do I validate dark mode theming consistency in web apps?▼

Validating dark mode theming consistency in web apps involves checking design tokens, color schemes, and theme support across the interface. This process identifies inconsistent token usage and outputs a structured report detailing theming anti-patterns to fix.

Can I use automated UI audits for sprint demos and QA gates?▼

You can use automated UI audits for sprint demos and QA gates by running checks across accessibility, performance, theming, and responsive criteria. It generates a comprehensive, actionable report suitable for stakeholder demonstrations and quality gates.

What is the best way to check responsive design and layout stability for dashboards?▼

The best way to check responsive design and layout stability for dashboards is a standardized evaluation covering mobile and tablet behavior alongside animation efficiency. This generates a prioritized report of interface issues with actionable recommendations.