Web Quality Audit

The web-quality-audit skill automates comprehensive frontend inspections, generating detailed reports on accessibility compliance, performance metrics, and code quality standards. It analyzes HTML, CSS, and JavaScript to identify bugs, security vulnerabilities, and usability issues without manual intervention.

When to use it

• Before deploying a new feature to catch critical rendering errors or broken links early in the development cycle.
• During routine maintenance to ensure the site meets WCAG accessibility guidelines for inclusive user experiences.
• When optimizing load times by identifying render-blocking resources or inefficient CSS selectors.
• To validate third-party integrations do not introduce security flaws or degrade overall application performance.

Key capabilities

• Scans for common frontend bugs and syntax errors across multiple file types.
• Evaluates accessibility compliance against standard web guidelines.
• Analyzes code quality to suggest refactoring opportunities.
• Detects potential security vulnerabilities within the client-side codebase.

Example prompts

• "Run a full quality audit on my landing page and list all critical accessibility violations found."
• "Analyze the performance of my checkout flow and suggest specific optimizations for faster load times."
• "Check the latest version of our dashboard for any new security risks introduced by recent dependency updates."

Tips & gotchas

Ensure your project has a standard build environment configured so the audit tool can access all necessary assets. While effective for static analysis, this skill complements rather than replaces manual testing in real browser environments.