audit

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

Updated Apr 13, 2026
One-click install
npx skills add https://github.com/nayyirahsan/labrecon --skill audit-nayyirahsan
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: audit
Source: https://github.com/nayyirahsan/labrecon/tree/main/.agents/skills/audit
Command: npx skills add https://github.com/nayyirahsan/labrecon --skill audit-nayyirahsan

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

This Skill helps users ensure the technical quality of their projects by performing accessibility, performance, theming, responsive design, and anti-pattern checks, providing a detailed report with severity ratings.

Core Features & Use Cases

  • Accessibility Checks: Identify issues like contrast issues, missing ARIA roles, and keyboard navigation problems.
  • Performance Audit: Analyze layout thrashing, expensive animations, and missing optimizations.
  • Theming Review: Check for hard-coded colors, broken dark mode, and inconsistent tokens.
  • Responsive Design Assessment: Evaluate fixed widths, touch targets, and horizontal scrolling.
  • Anti-Patterns Detection: Detect AI slop tells and general design anti-patterns.
  • Generate Report: Generate a scored report with P0-P3 severity ratings and an actionable plan.

Quick Start

Run an audit on the component 'footer' of your website using the /audit command.

Frequently Asked Questions about audit

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

FAQPage Schema
How do I perform a technical audit for accessibility and performance issues?

A technical audit analyzes software or web applications to identify accessibility, performance, theming, and responsive design issues, generating a detailed report with severity ratings and actionable recommendations for improvement.

What is included in a responsive design and anti-patterns assessment?

A responsive design assessment evaluates fixed widths, touch targets, and horizontal scrolling, while anti-pattern detection identifies AI slop tells and general design anti-patterns. The output is a scored report with P0-P3 severity ratings.

Can I check for broken dark mode and inconsistent theming tokens?

Yes, the theming review specifically checks for broken dark mode, hard-coded colors, and inconsistent tokens during the technical audit, producing a detailed report with severity ratings for your software or web applications.

How do I get a scored report with P0-P3 severity ratings for my website?

You get a scored report with P0-P3 severity ratings by running an audit on your website or component. The process analyzes accessibility, performance, and design anti-patterns to generate an actionable improvement plan.

Does the performance audit analyze layout thrashing and expensive animations?

Yes, the performance audit analyzes layout thrashing, expensive animations, and missing optimizations. These findings are incorporated into a detailed technical quality report with severity ratings and improvement recommendations.