web-quality-audit

Audit web pages for performance, accessibility, SEO, and best practices.

7.8k|770|Updated Mar 11, 2026
One-click install
npx skills add https://github.com/gsd-build/gsd-2 --skill web-quality-audit-gsd-build
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: web-quality-audit
Source: https://github.com/gsd-build/gsd-2/tree/main/src/resources/skills/web-quality-audit
Command: npx skills add https://github.com/gsd-build/gsd-2 --skill web-quality-audit-gsd-build

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

Web projects often suffer from hidden quality issues across performance, accessibility, SEO, and best practices. This skill provides a structured, repeatable audit that surfaces gaps and actionable fixes.

Core Features & Use Cases

  • Performance: identify render-blocking resources, image optimization opportunities, and CLS/INP improvements.
  • Accessibility: detect missing alt text, color contrast issues, and keyboard/navigation gaps.
  • SEO & Best Practices: verify mobile-friendliness, HTTPS, canonical URLs, and structured data readiness.
  • Use Case: Run an end-to-end audit on a new landing page to produce a prioritized remediation list for developers and designers.

Quick Start

Run a Lighthouse-based audit on your web page and review the generated findings to begin 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 my web pages for performance, accessibility, and SEO issues?

To audit web pages for performance, accessibility, and SEO issues, run a Lighthouse-based audit on single pages or entire sites. This generates a structured report identifying quality gaps and prioritized remediation guidance for developers and designers.

What is the best way to check WCAG accessibility compliance and keyboard navigation gaps?

The best way to check WCAG compliance and keyboard navigation gaps is to run a structured web quality audit. It detects missing alt text, color contrast issues, and keyboard navigation problems, producing actionable findings for remediation.

Can I run a Lighthouse audit during development or only after deployment?

You can run a Lighthouse audit during development or post-deployment. The audit integrates Lighthouse checks, WCAG considerations, and best-practices rules to identify quality gaps on both single pages and entire sites at any stage.

How do I identify render-blocking resources and improve CLS or INP metrics?

To identify render-blocking resources and improve CLS or INP metrics, execute a web performance audit. It surfaces image optimization opportunities and render-blocking issues, generating a prioritized list of actionable fixes.

How do I verify mobile-friendliness, HTTPS, and structured data readiness for SEO?

To verify mobile-friendliness, HTTPS, canonical URLs, and structured data readiness, run an SEO and best practices audit. It evaluates these specific web quality checks to produce actionable findings for improving search engine compliance.