audit

Audit frontend projects across accessibility, performance, theming, and responsive design.

7|Updated Mar 4, 2026
One-click install
npx skills add https://github.com/Davie521/claude-skills --skill audit-davie521
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: audit
Source: https://github.com/Davie521/claude-skills/tree/main/plugins/design/skills/audit
Command: npx skills add https://github.com/Davie521/claude-skills --skill audit-davie521

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill performs a comprehensive frontend quality audit across accessibility, performance, theming, and responsive design to surface issues before release.

Core Features & Use Cases

  • 5-dimension diagnostic: Accessibility, Performance, Theming, Responsive Design, Anti-patterns with 0-4 scoring.
  • Actionable reporting: Generates a scored report with prioritized remediation plans (P0-P3).
  • Context-aware prep: Requires a frontend design context and alignment with established design principles to ensure meaningful results.
  • Use cases: Pre-release QA, accessibility conformance checks, and performance regressions triage.

Quick Start

Invoke the audit on a frontend area to generate the quality report.

Frequently Asked Questions about audit

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

FAQPage Schema
How do I run a frontend quality audit for accessibility and performance issues?▼

Run a frontend quality audit by applying the Skill to your web project or component. It diagnoses accessibility, performance, theming, and responsive design across 5 dimensions, scoring each 0–4 to generate a prioritized remediation plan.

What is a frontend audit report and how does it prioritize issues?▼

A frontend audit report scores quality dimensions from 0 to 4 and categorizes issues by severity from P0 to P3. This prioritized format helps teams triage critical accessibility, performance, and theming problems before release.

Do I need a design context to check responsive design and theming quality?▼

Yes, you need a design context from your frontend design system to check responsive design and theming quality. Meaningful audit results require alignment with established design principles to accurately evaluate components.

Can I use this audit to check web components for accessibility conformance?▼

Yes, you can use this audit to check web components for accessibility conformance. It runs diagnostics on individual pages and components, surfacing anti-patterns and accessibility issues with a non-fixative, documentation-focused report.

Does the frontend quality audit automatically fix performance regressions and anti-patterns?▼

No, the frontend quality audit does not automatically fix performance regressions and anti-patterns. It outputs a non-fixative, documentation-focused report that provides an actionable remediation plan for your team to implement.