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.