audit

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

59|14|Updated Mar 1, 2026
One-click install
npx skills add https://github.com/vobase/vobase --skill audit-vobase
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: audit
Source: https://github.com/vobase/vobase/tree/main/.agents/skills/audit
Command: npx skills add https://github.com/vobase/vobase --skill audit-vobase

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Perform systematic quality checks across accessibility, performance, theming, and responsive design to surface prioritized, actionable issues that a team can address without making changes directly.

Core Features & Use Cases

  • Multi-dimensional audits: Accessibility (contrast, ARIA, keyboard, semantic HTML), performance (render, bundle, animations), theming (tokens, dark mode), and responsive design (breakpoints, touch targets).
  • Actionable reporting: Issues documented with location, severity, impact, WCAG/standard references, and recommended remediation commands.
  • Use case: Run a full audit of a frontend module before a release to catch accessibility regressions, performance regressions, and token misuse that would affect users and brand consistency.

Quick Start

Ask the audit skill to analyze the target feature or component and produce a prioritized report of issues with locations, severities, impacts, and recommended commands to fix them.

Frequently Asked Questions about audit

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

FAQPage Schema
How do I audit my frontend component for accessibility and responsive design issues?

To audit frontend components for accessibility and responsive design issues, generate a prioritized report detailing location, severity, WCAG references, and impact analysis. This systematic quality check surfaces actionable issues across ARIA usage, keyboard navigation, breakpoints, and touch targets without making direct code changes.

What is the best way to check a UI design system for theming inconsistencies before a release?

The best way to check a UI design system for theming inconsistencies is to perform a comprehensive audit that analyzes dark mode behavior and token usage. This process identifies theme deviations and token misuse that affect brand consistency, generating a prioritized report with recommended remediation commands.

Can I run a performance audit on frontend pages to find render bottlenecks?

Yes, you can run a performance audit on frontend pages to find render bottlenecks. The audit evaluates render paths, bundle sizes, and animations, producing a prioritized report that documents performance regressions with their specific location, severity, and impact analysis for downstream fix workflows.

Does the audit process work for identifying WCAG compliance violations in semantic HTML?

Yes, the audit process works for identifying WCAG compliance violations by evaluating semantic HTML, ARIA attributes, and contrast ratios. It generates a prioritized report referencing specific WCAG standards, documenting the severity and impact of each accessibility violation for remediation.

How do I prioritize UI quality issues across multiple dimensions like a11y and performance?

To prioritize UI quality issues across a11y and performance, generate a comprehensive audit report that evaluates severity, location, and user impact. This multi-dimensional analysis surfaces the most critical accessibility violations and performance bottlenecks, providing recommended remediation commands for downstream fixes.