web-quality-audit

Audit website performance, accessibility, and SEO with prioritized recommendations.

7|2|Updated Jun 30, 2025
One-click install
npx skills add https://github.com/hq-opensource/predictive-control --skill web-quality-audit-hq-opensource
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: web-quality-audit
Source: https://github.com/hq-opensource/predictive-control/tree/main/.agent/skills/web-quality-audit
Command: npx skills add https://github.com/hq-opensource/predictive-control --skill web-quality-audit-hq-opensource

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

This Skill helps teams identify and fix quality issues in websites by performing structured audits across performance, accessibility, and SEO, delivering clear, prioritized remediation guidance.

Core Features & Use Cases

  • Performance: detects render-blocking resources, large layout shifts, and slow time-to-interactive, with concrete optimization recommendations.
  • Accessibility: highlights contrast, keyboard navigation, and semantic gaps, with actionable fixes to improve usability for all users.
  • SEO & Best Practices: inspects meta tags, structured data, mobile-friendliness, and security cues to enhance crawlability and rankings.
  • Use Case: a marketing site owner wants to improve Lighthouse scores across multiple pages and generate an actionable roadmap for developers.

Quick Start

Provide your website URL or local HTML directory to start the audit and receive a prioritized report.

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 website performance and accessibility across multiple pages?

You can audit website quality across multiple pages by providing a URL or local HTML corpus to receive structured findings with prioritized remediation steps for performance and accessibility issues.

What's the best way to check my website for SEO and best practices issues?

The best way to check SEO and best practices is to run a structured audit that inspects meta tags, structured data, mobile-friendliness, and security cues to generate actionable recommendations for improved crawlability.

Does this web quality audit work with dynamic web apps or only static sites?

This web quality audit applies to both static sites and dynamic web apps, evaluating multiple pages to assess performance, accessibility, and SEO against best practices.

How does a Lighthouse-like check generate actionable fixes for my site?

A Lighthouse-like check analyzes your site's performance, accessibility, and SEO to detect issues like render-blocking resources or contrast gaps, outputting prioritized recommendations with concrete optimization steps.

Can I use a local HTML directory as input for a website accessibility audit?

Yes, you can use a local HTML directory as input for an accessibility audit to highlight contrast, keyboard navigation, and semantic gaps with actionable fixes to improve usability.

What kind of recommendations can I expect for slow time-to-interactive and layout shifts?

For slow time-to-interactive and layout shifts, the audit provides concrete optimization recommendations by detecting render-blocking resources and generating a prioritized roadmap for developers.