audit

Audit pages, features, or components for accessibility, performance, theming, responsive design, and anti-patterns.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill automates systematic, code-level technical quality checks so teams can quickly identify accessibility, performance, theming, responsive design, and anti-pattern issues without manual, inconsistent reviews.

Core Features & Use Cases

  • Multi-dimension scoring: Produces 0-4 scores for Accessibility, Performance, Theming, Responsive Design, and Anti-Patterns with a combined Health Score and rating band.
  • Actionable, prioritized findings: Classifies every issue as P0–P3, provides impact, WCAG/standard references, and targeted remediation recommendations mapped to fix commands.
  • Use Case: Run during code review or pre-release to catch blocking accessibility problems, performance regressions, tokenization/theming gaps, and AI-generated design anti-patterns before shipping.

Quick Start

Run the audit skill against a page, feature, or component and include design context by running /impeccable first.

Frequently Asked Questions about audit

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

FAQPage Schema
How do I run an accessibility and performance audit on my UI components?

An accessibility and performance audit systematically checks your UI code for WCAG compliance, rendering bottlenecks, and responsive design flaws. The audit produces a scored report with 0-4 ratings, P0-P3 severity findings, and targeted remediation recommendations to fix defects before release.

What is the best way to check code for AI-generated design anti-patterns?

Checking for AI-generated design anti-patterns requires a systematic technical audit of your components. The audit identifies implementation-level defects, assigns P0-P3 severity tags to each anti-pattern, and outputs targeted remediation recommendations mapped to fix commands.

How do I score my codebase for theming and responsive design during code review?

Scoring your codebase for theming and responsive design involves running a technical audit during your code review or QA pass. The audit generates per-dimension 0-4 scores, a combined Health Score, and a rating band to quantify your implementation quality.

Can I automate technical quality checks for pre-release component QA?

You can automate technical quality checks for pre-release component QA by running a systematic audit. The audit catches blocking accessibility problems, performance regressions, and theming gaps, producing a concise executive summary with prioritized findings to ensure pre-release stability.

Does the technical audit modify my source code when finding defects?

The technical audit does not modify your source code when finding defects. It performs read-only systematic checks across accessibility, performance, theming, and anti-patterns, generating a scored report with remediation recommendations mapped to fix commands without altering your implementation.

Do I need to include design context when running a code-level technical audit?

You should include design context when running a code-level technical audit by running the /impeccable command first. Providing design context ensures the audit accurately identifies theming gaps, responsive design flaws, and anti-patterns against your intended UI implementation.