web-quality-audit

Audit website performance, accessibility, SEO, and best practices with severity-based findings.

Updated Aug 23, 2026
One-click install
npx skills add https://github.com/HyperDev1/hx-ai --skill web-quality-audit-hyperdev1
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: web-quality-audit
Source: https://github.com/HyperDev1/hx-ai/tree/main/src/resources/skills/web-quality-audit
Command: npx skills add https://github.com/HyperDev1/hx-ai --skill web-quality-audit-hyperdev1

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

This Skill streamlines the evaluation of a website's quality by consolidating performance, accessibility, SEO, and best practices into a structured audit.

Core Features & Use Cases

  • Performance insights: identify LCP, INP, CLS issues and provide remedies.
  • Accessibility and SEO checks: verify semantic markup, color contrast, viewport, and metadata compliance.
  • Use Case: Run a full site audit on a staging site to generate a prioritized remediation plan for developers and designers.

Quick Start

Audit a live website by running the tool against your site URL and review the generated report for actionable fixes.

Frequently Asked Questions about web-quality-audit

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

FAQPage Schema
How do I audit a website for performance, accessibility, and SEO issues?

A website quality audit evaluates performance, accessibility, SEO, and best practices to identify issues like LCP, INP, and CLS problems. It produces structured findings with severity-based categorization and actionable remedies for developers and designers to improve site quality.

Can I run a web quality audit on a staging site or PR preview?

Yes, you can run a web quality audit on staging sites and PR previews. The tool assesses any accessible URL, generating a prioritized remediation plan that helps developers and designers fix semantic markup, color contrast, and metadata issues before production deployment.

What is the best way to identify and fix LCP, INP, and CLS performance issues?

The best way to identify LCP, INP, and CLS performance issues is to run an automated web quality audit. It detects these specific performance bottlenecks and provides actionable remedies within a structured report, helping you prioritize fixes based on severity categorization.

Does the web accessibility audit check semantic markup and color contrast?

Yes, the web accessibility audit checks semantic markup, color contrast, viewport configuration, and metadata compliance. It categorizes these findings by severity and outputs both machine-readable and human-readable results to guide your remediation efforts.

How do I generate a machine-readable report for my website's SEO and best practices?

To generate a machine-readable report for SEO and best practices, run an automated web quality audit against your site URL. The tool evaluates metadata compliance and semantic structure, outputting structured results that can be integrated into your development workflow.