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.