skills.rest
metang
metangCOMMUNITY
Explore all skills by this author →
GitHub

audit

Audits frontend code for accessibility, performance, theming, responsive design, and anti-pattern issues.

Updated Feb 22, 2026
Search Tags:#code quality#performance#anti-patterns#accessibility#responsive design#audit#wcag
One-click install
npx skills add https://github.com/metang/imganalyzer --skill audit-metang
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: audit
Source: https://github.com/metang/imganalyzer/tree/main/.agents/skills/audit
Command: npx skills add https://github.com/metang/imganalyzer --skill audit-metang

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Frontend codebases accumulate accessibility violations, performance bottlenecks, hard-coded styles, and AI-generated design tells that are hard to spot manually. This Skill runs a systematic technical quality audit and produces a scored, prioritized report so teams know exactly what to fix first. ## Core Features & Use Cases - Five-dimension diagnostic scan: Scores accessibility (WCAG), performance, theming, responsive design, and anti-patterns on a 0-4 scale for a total health score out of 20. - Severity-tagged findings: Documents every issue with P0-P3 severity, code location, user impact, violated standard, and a concrete fix recommendation. - Actionable remediation plan: Maps findings to follow-up commands (e.g., /optimize, /adapt, /polish) in priority order. - Use Case: Before a release, run the audit on a page or component to catch WCAG AA contrast failures, missing keyboard navigation, hard-coded colors, and sub-44px touch targets, then hand the prioritized report to your team. ## Quick Start Ask the assistant to run /audit on a specific page, feature, or component to receive a scored technical quality report with prioritized fixes.

Frequently Asked Questions about audit

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

FAQPage Schema
How do I audit a web page for accessibility issues?▼

Run the audit on the target page or component to check contrast ratios below 4.5:1, missing ARIA roles and labels, keyboard navigation gaps, heading hierarchy, alt text, and form labeling. Each finding is tagged with severity and the WCAG standard it violates.

What does the audit health score measure?▼

The health score sums five dimensions scored 0-4 each: accessibility, performance, theming, responsive design, and anti-patterns, for a total out of 20. Rating bands range from Excellent (18-20) down to Critical (0-5).

Does the audit fix the issues it finds?▼

No, the audit only documents issues with severity, location, impact, and recommendations. It suggests follow-up commands such as /optimize, /adapt, or /polish to address each finding, and you re-run the audit afterward to verify improvement.

What are P0 to P3 severity ratings in the audit report?▼

P0 issues block task completion and need immediate fixes, P1 issues cause significant difficulty or WCAG AA violations, P2 issues are annoyances with workarounds, and P3 issues are polish items with no real user impact.

Can the audit detect AI-generated design patterns?▼

Yes, the anti-patterns dimension checks for AI design tells such as gradient text, glassmorphism, generic fonts, card grids, and hero metrics. A score of 0 indicates five or more tells, while 4 indicates a distinctive, intentional design.

Related Skills

Explore More Design & Creative Skills→
Moliboy5000Moliboy5000

normalize

Normalize feature design elements to match an established design system.

Community
Advanced
kireevkit15-syskireevkit15-sys

audit

Run technical quality checks and generate a prioritized, scored audit report.

Community
Advanced
Pixel-Process-UGPixel-Process-UG
1

llm-as-judge

Evaluate subjective quality criteria using LLM-based assessment with structured rubrics.

Official
Advanced
gaiastudio-aigaiastudio-ai
2

gaia-test-a11y

Run automated accessibility tests on deployed web applications with axe-core, pa11y, and Lighthouse.

Official
Advanced