audit

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

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill identifies measurable implementation issues in web frontends and component libraries so engineering teams can prioritize fixes that improve accessibility, performance, theming consistency, responsive behavior, and reduce AI/design anti-patterns.

Core Features & Use Cases

  • Comprehensive multi-dimension scan: Runs systematic checks across accessibility (a11y), performance, theming, responsive design, and anti-pattern detection.
  • Quantified scoring and severities: Produces per-dimension 0–4 scores, a total health score, and P0–P3 severity labels for each finding to aid triage.
  • Developer-actionable reports: Cites component/file locations, explains user impact, maps issues to standards (e.g., WCAG), and recommends prioritized remediation commands for follow-up.
  • Use Cases: Pre-release engineering audits, design-system health checks, accessibility compliance sweeps, and performance regressions during code review.

Quick Start

Run the audit skill to perform a technical quality scan and generate a scored report across accessibility, performance, theming, responsive design, and anti-patterns.

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 web frontend before release?

Run a comprehensive technical quality scan across accessibility, performance, theming, responsive design, and anti-patterns. It produces a scored report with per-dimension 0-4 ratings, P0-P3 severity classifications, and developer-actionable remediation commands for your components.

What is a scored audit for design systems and component libraries?

A scored audit systematically checks accessibility, performance, theming, and responsive behavior to surface measurable defects. It generates a total health score with prioritized findings, mapping issues to standards like WCAG and citing specific file locations for remediation.

Can I use this audit to identify accessibility compliance issues mapped to WCAG standards?

Yes, the audit runs systematic accessibility checks, maps identified issues to standards like WCAG, and explains user impact. It classifies each finding with P0-P3 severity labels to help prioritize compliance fixes during code reviews or QA passes.

How do I get developer-actionable remediation commands for performance regressions during code review?

The audit identifies performance regressions and anti-patterns, then outputs recommended remediation commands for follow-up. It locates specific component and file locations, allowing developers to directly apply fixes based on the prioritized issue list.

Does this audit tool work for checking responsive design and theming consistency?

Yes, the audit explicitly scans for responsive behavior and theming consistency across web frontends and design systems. It quantifies these dimensions with 0-4 scores and includes any detected anti-patterns in the final triage report.

When should I run a multi-dimension technical quality scan on my codebase?

Run the audit during pre-release engineering audits, design-system health checks, accessibility compliance sweeps, or code reviews to catch performance regressions. It surfaces measurable implementation issues and prioritizes fixes before deployment.