skills.rest
nangyak4415-sudo
nangyak4415-sudoCOMMUNITY
Explore all skills by this author →
GitHub

audit

Audit frontend interfaces for accessibility, performance, theming, and responsive issues.

Updated Mar 23, 2026
Search Tags:#theming#performance#accessibility#frontend#audit#wcag#responsive
One-click install
npx skills add https://github.com/nangyak4415-sudo/Narumon-Website-V.1 --skill audit-nangyak4415-sudo
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: audit
Source: https://github.com/nangyak4415-sudo/Narumon-Website-V.1/tree/main/.cursor/skills/audit
Command: npx skills add https://github.com/nangyak4415-sudo/Narumon-Website-V.1 --skill audit-nangyak4415-sudo

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill documents interface quality issues across accessibility, performance, theming, and responsive design so teams can prioritize and remediate the highest-impact problems without making changes during the audit phase.

Core Features & Use Cases

  • Multi-dimensional diagnostics: Produces findings for accessibility (contrast, ARIA, keyboard navigation, semantic HTML, alt text, forms), performance (layout thrash, expensive animations, bundle size), theming (hard-coded colors, dark-mode breakage, token inconsistencies), and responsive issues (fixed widths, touch targets, horizontal scroll).
  • Structured, actionable reports: Outputs severity-tagged findings with location, impact, WCAG/standards references, and recommended remediation steps mapped to follow-up commands.
  • Anti-pattern detection: Runs a strict check against design anti-patterns and AI-generation tells and highlights critical design faults for remediation planning.
  • Use case: Run during QA, design reviews, or pre-release checks to create a prioritized remediation backlog for designers and frontend engineers.

Quick Start

Run an audit of the site's UI and produce a prioritized report of accessibility, performance, theming, and responsive issues.

Frequently Asked Questions about audit

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

FAQPage Schema
How do I run a frontend accessibility and performance audit before release?▼

Run a frontend audit to evaluate interface quality across accessibility, performance, theming, and responsive design. It identifies usability and compliance issues during QA or pre-release checks, producing a prioritized backlog of findings with severity levels and WCAG references.

What is included in a UI accessibility and responsive design audit report?▼

A UI audit report includes severity-tagged findings with exact locations, impact analysis, WCAG or standards references, and actionable remediation steps. It covers ARIA roles, keyboard navigation, contrast ratios, layout thrash, dark-mode breakage, and fixed-width responsive issues.

How do I check my design system for theming inconsistencies and anti-patterns?▼

Run a theming audit to detect hard-coded colors, dark-mode breakage, and token inconsistencies. It applies strict checks against design anti-patterns and AI-generation tells, highlighting critical faults so engineers can plan targeted remediation.

Can I audit a single-page application for WCAG compliance and horizontal scroll issues?▼

Yes, you can apply the audit to single-page applications to identify WCAG compliance gaps and responsive failures like horizontal scroll and fixed widths. It checks touch targets, semantic HTML, and forms to ensure full accessibility and responsive compliance.

Does frontend UI auditing fix code automatically during the review phase?▼

No, frontend UI auditing documents interface quality issues without making code changes during the review phase. It produces a structured, actionable report mapping remediation recommendations to follow-up commands so teams can prioritize and fix problems themselves.

Related Skills

Explore More Design & Creative Skills→
kimmyxpowkimmyxpow

baseline-ui

Enforce Tailwind defaults and accessible primitives for consistent UI.

Community
Intermediate
SChannarongSChannarong

frontend-design

Generate frontend code with accessibility, theming, and responsive behavior.

Community
Advanced
parhummparhumm
25

frontend-design

Scaffold frontend UI components for React, Vue, or vanilla JS projects.

Community
Advanced
0xjitsu0xjitsu
1

chart-builder

Generate dark-themed accessible charts with Chart.js or Recharts for React.

Community
Intermediate