audit

Audit web app UI for accessibility, performance, theming, and responsive design issues.

Updated Feb 5, 2026
One-click install
npx skills add https://github.com/mheers/opencode-sandbox --skill audit-mheers
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: audit
Source: https://github.com/mheers/opencode-sandbox/tree/main/skills/audit
Command: npx skills add https://github.com/mheers/opencode-sandbox --skill audit-mheers

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Identifies and documents UI quality issues across accessibility, performance, theming, and responsive design, enabling teams to prioritize remediation without applying fixes automatically.

Core Features & Use Cases

  • Comprehensive diagnostic checks across Accessibility (a11y), Performance, Theming, and Responsive Design.
  • Structured audit reports with severity ratings, root-cause suggestions, and actionable recommendations for developers and designers.
  • Patterns & Anti-Patterns analysis to surface common pitfalls and design deviations for design-system alignment.

Quick Start

Run the audit on the target UI to generate a comprehensive report.

Frequently Asked Questions about audit

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

FAQPage Schema
How do I perform an end-to-end UI quality audit for accessibility and performance?

An end-to-end UI quality audit scans component libraries and web app pages to identify accessibility, performance, theming, and responsive design issues, producing a structured diagnostic report with severity-labeled findings.

What is the best way to generate a diagnostic scan with severity ratings for UI issues?

The best way to generate a diagnostic scan is to run an automated UI audit that evaluates patterns and anti-patterns, outputting a structured report with issue localization, a severity taxonomy, and actionable remediation recommendations.

Can I use an automated audit to check my component library for responsive design and theming deviations?

Yes, you can use an automated audit to check component libraries and dashboards for responsive design and theming deviations, surfacing common pitfalls to ensure strict design-system alignment.

Does the UI audit automatically fix accessibility and performance issues it finds?

No, a UI audit does not automatically apply fixes; it strictly documents accessibility and performance issues with root-cause suggestions, enabling teams to manually prioritize and execute remediation.

When do I need to scan my web app pages for patterns and anti-patterns in design systems?

You need to scan web app pages when diagnosing design-system alignment deviations, using pattern and anti-pattern analysis to surface common pitfalls and generate actionable recommendations for developers and designers.