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.