audit

Audits interface quality across accessibility, performance, theming, and responsive design with severity-rated reports.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Interface quality issues like poor contrast, missing ARIA labels, hard-coded colors, and broken mobile layouts often go unnoticed until users complain. This Skill systematically scans your frontend code across four quality dimensions and produces a prioritized report so you know exactly what to fix first. ## Core Features & Use Cases - Multi-Dimensional Diagnostic Scan: Checks accessibility (WCAG contrast, ARIA, keyboard navigation), performance (layout thrashing, expensive animations), theming (design tokens, dark mode), and responsive design (touch targets, breakpoints). - Anti-Pattern Detection: Identifies AI-generated design tells such as gradient text, glassmorphism, generic fonts, and nested cards by cross-referencing the frontend-design skill's guidelines. - Prioritized Report Generation: Produces a structured audit report with severity ratings (Critical/High/Medium/Low), impact explanations, WCAG references, and suggested fix commands. - Use Case: Before shipping a new dashboard, run an audit to catch missing focus indicators, undersized touch targets, and hard-coded colors, then route each issue to the appropriate fix command. ## Quick Start Ask the AI to audit the current interface for accessibility, performance, theming, and responsive design issues and generate a prioritized report.

Frequently Asked Questions about audit

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

FAQPage Schema
How do I audit a website for accessibility issues?▼

Run the audit to scan for contrast ratios below 4.5:1, missing ARIA roles and labels, keyboard navigation problems, improper heading hierarchy, and form inputs without labels. Each finding includes the WCAG standard violated and a specific fix recommendation.

What does a frontend quality audit check for?▼

The audit covers four dimensions: accessibility (WCAG compliance, ARIA, focus indicators), performance (layout thrashing, expensive animations, bundle size), theming (hard-coded colors, dark mode), and responsive design (touch targets under 44px, horizontal scroll, missing breakpoints).

Does the audit fix the issues it finds?▼

No, the audit only documents issues with severity ratings, impact explanations, and recommendations. It suggests which commands to use for fixes, such as /normalize for theming issues or /optimize for performance problems, keeping diagnosis separate from remediation.

How are audit findings prioritized by severity?▼

Issues are rated Critical (blocks functionality or violates WCAG A), High (significant usability impact, WCAG AA violations), Medium (quality issues, WCAG AAA violations), and Low (minor inconsistencies). The report groups findings by severity and provides an immediate to long-term action plan.

Can the audit detect AI-generated design patterns?▼

Yes, the audit includes a dedicated anti-patterns check that flags AI design tells like gradient text, glassmorphism, hero metrics, card grids, and generic fonts. It cross-references the frontend-design skill's guidelines and gives a pass/fail verdict on whether the interface looks AI-generated.