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.