audit

Audit web applications for accessibility, performance, theming, responsive design, and anti-patterns.

2|Updated May 2, 2025
One-click install
npx skills add https://github.com/daltonkyemiller/dot --skill audit-daltonkyemiller
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: audit
Source: https://github.com/daltonkyemiller/dot/tree/main/.agents/skills/audit
Command: npx skills add https://github.com/daltonkyemiller/dot --skill audit-daltonkyemiller

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

This Skill unit provides a thorough technical quality check, identifying accessibility issues, performance bottlenecks, theming inconsistencies, responsive design flaws, and anti-patterns in web applications.

Core Features & Use Cases

  • Accessibility Checks: Identifies contrast issues, missing ARIA roles, keyboard navigation problems, semantic HTML errors, and alt text issues.
  • Performance Analysis: Evaluates layout thrashing, expensive animations, missing optimizations, bundle size, and render performance.
  • Theming Review: Checks for hard-coded colors, broken dark mode, inconsistent tokens, and theme switching issues.
  • Responsive Design Evaluation: Assesses fixed widths, touch targets, horizontal scroll, text scaling, and missing breakpoints.
  • Anti-Patterns Detection: Identifies AI slop tells and general design anti-patterns.
  • Generate Report: Outputs a detailed report with severity ratings and actionable plans.

Quick Start

Run the audit skill on your website to get a comprehensive technical quality report.

Frequently Asked Questions about audit

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

FAQPage Schema
How do I conduct a technical audit for web application accessibility and performance?▼

A technical audit evaluates web applications for accessibility issues, performance bottlenecks, and responsive design flaws. It analyzes layout thrashing, missing ARIA roles, and semantic HTML errors to generate a detailed report with severity ratings and actionable improvement plans.

What is included in a web accessibility and theming review?▼

A web accessibility and theming review identifies contrast issues, keyboard navigation problems, hard-coded colors, and broken dark mode. It checks for inconsistent theme tokens and missing alt text to ensure comprehensive design compliance.

How do I check my website for responsive design flaws and anti-patterns?▼

To check for responsive design flaws and anti-patterns, evaluate fixed widths, touch targets, horizontal scroll, and text scaling. The process detects missing breakpoints and AI slop tells, outputting actionable recommendations for improvement.

Can I detect performance bottlenecks and expensive animations during a website audit?▼

Yes, a website audit detects performance bottlenecks by evaluating expensive animations, missing optimizations, bundle size, and render performance. It identifies layout thrashing to provide a comprehensive technical quality report.

Does a technical quality audit require specific dependencies to run?▼

No specific dependencies are required to run the technical quality audit. It operates independently using internal scripts to analyze your web application's accessibility, performance, and theming without external module prerequisites.