audit

Audit web features for accessibility, performance, theming, and responsive issues.

Updated Mar 21, 2026
One-click install
npx skills add https://github.com/DanialHaseeb/dotfiles --skill audit-danialhaseeb
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: audit
Source: https://github.com/DanialHaseeb/dotfiles/tree/main/codex/skills/audit
Command: npx skills add https://github.com/DanialHaseeb/dotfiles --skill audit-danialhaseeb

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill identifies measurable implementation issues across accessibility, performance, theming, responsive behavior, and known anti-patterns, producing a prioritized, scored report to guide engineering fixes without making changes itself.

Core Features & Use Cases

  • Multi-dimension Diagnostic Scan: Scores accessibility, performance, theming, responsive design, and anti-patterns on a 0–4 scale with a consolidated 0–20 health score.
  • Severity-based Findings: Generates P0–P3 labeled issues with locations, impact, applicable standards (e.g., WCAG), and precise remediation recommendations.
  • Anti-Patterns Verdict & Executive Summary: Detects AI/visual design anti-patterns and provides an executive summary and prioritized next-step commands.
  • Use Case: Run against a web feature, page, or component to create a developer-facing audit report that feeds into follow-up fix commands.

Quick Start

Use the audit skill to run a technical quality scan of the landing page and return a scored report with P0–P3 findings.

Frequently Asked Questions about audit

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

FAQPage Schema
How do I run a technical quality audit on web components for accessibility and performance issues?

Run a technical quality audit to check accessibility, performance, theming, responsive design, and anti-patterns across web features. The scan scores each dimension on a 0–4 scale, producing a consolidated 0–20 health score and a developer-facing report with prioritized remediation steps.

Can I get WCAG contrast ratio and ARIA role checks during a code review?

Yes, the code review audit measures specific accessibility standards including WCAG contrast ratios and ARIA roles. It evaluates these measurable checks and labels any identified issues with P0–P3 severity ratings to guide your remediation efforts.

What is the best way to identify AI visual design anti-patterns in a web application?

The best way to identify AI visual design anti-patterns is to run a diagnostic scan that detects them alongside theming, performance, and responsive behavior issues. This generates an anti-patterns verdict and an executive summary with prioritized next-step commands.

Does the technical quality audit generate a remediation plan for bundle size and render performance?

Yes, the technical quality audit checks bundle size and render performance, then generates a scored report with P0–P3 severity findings. This report includes precise, actionable remediation recommendations and a prioritized plan suitable for follow-up fix commands.

How do I evaluate responsive design and tokenized theming implementation without modifying the code?

Run a diagnostic audit to evaluate responsive design layout and tokenized theming best practices. It produces a dimension-scored summary and an executive summary of findings without making any code changes itself, leaving the implementation fixes to the developer.