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.