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.