audit

Audit interface elements for accessibility, performance, theming, and responsive design.

5|Updated Sep 14, 2025
One-click install
npx skills add https://github.com/JiaxuanZou0714/jiaxuanzou0714.github.io --skill audit-jiaxuanzou0714
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: audit
Source: https://github.com/JiaxuanZou0714/jiaxuanzou0714.github.io/tree/main/.agents/skills/audit
Command: npx skills add https://github.com/JiaxuanZou0714/jiaxuanzou0714.github.io --skill audit-jiaxuanzou0714

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill identifies and documents quality issues across accessibility, performance, theming, and responsive design, providing a clear roadmap for improvement without fixing issues directly.

Core Features & Use Cases

  • Multi-dimensional Auditing: Assesses accessibility (WCAG compliance), performance bottlenecks, theming consistency, and responsive design adherence.
  • Anti-Pattern Detection: Specifically flags AI-generated design tells and common design anti-patterns.
  • Detailed Reporting: Generates structured reports with severity ratings, impact analysis, and actionable recommendations, including suggested commands for remediation.
  • Use Case: A product team can use this Skill to perform a pre-launch quality check on a new feature, ensuring it meets high standards for all users and performs optimally across devices before release.

Quick Start

Run a comprehensive audit of the user interface, focusing on accessibility and performance issues.

Frequently Asked Questions about audit

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

FAQPage Schema
How do I perform a comprehensive quality audit for interface accessibility and performance?

A comprehensive quality audit systematically evaluates interface elements against WCAG standards, assessing accessibility, performance bottlenecks, theming consistency, and responsive design adherence to identify issues and provide actionable recommendations.

Can I detect AI-generated design tells and common anti-patterns during a frontend audit?

Yes, an interface audit specifically flags AI-generated design tells and common design anti-patterns, documenting them within a structured report that includes severity ratings, impact analysis, and actionable recommendations for remediation.

What is the best way to check WCAG compliance and responsive design before a feature launch?

The best way to check WCAG compliance is running a systematic quality audit that evaluates responsive design adherence and accessibility, generating a clear roadmap for improvement to ensure features meet high standards before release.

Does this interface audit fix accessibility and performance issues automatically?

No, the interface audit does not fix accessibility and performance issues automatically, but instead identifies and documents quality issues across multiple dimensions, providing a clear roadmap with suggested commands for remediation.

How do I get a structured report with severity ratings for frontend design anti-patterns?

You get a structured report by running a quality audit that identifies design anti-patterns, evaluating them to generate detailed findings with severity ratings, impact analysis, and actionable recommendations for interface improvement.