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.