web-quality-audit

Audit HTML pages for performance, accessibility, SEO, and best-practice issues.

3|Updated Apr 20, 2026
One-click install
npx skills add https://github.com/langgenius/due-date-hq-jwl --skill web-quality-audit-langgenius
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: web-quality-audit
Source: https://github.com/langgenius/due-date-hq-jwl/tree/main/.claude/skills/web-quality-audit
Command: npx skills add https://github.com/langgenius/due-date-hq-jwl --skill web-quality-audit-langgenius

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires jq, and includes scripts (resource) components.

What problem does it solve? Web pages often ship with hidden quality problems—slow Core Web Vitals, accessibility barriers, missing meta tags, and insecure patterns—that hurt user experience and search rankings. This Skill provides a structured audit framework based on Google Lighthouse so you can systematically find, categorize, and fix these issues. ## Core Features & Use Cases - Four-Category Audit Framework: Covers Performance (Core Web Vitals, resource optimization), Accessibility (WCAG-based checks), SEO (crawlability, on-page, technical), and Best Practices (security, modern standards) across 150+ checks. - Severity-Ranked Findings: Classifies issues as Critical, High, Medium, or Low with a structured output format including impact and specific fixes. - Automated HTML Scanning: Includes a read-only shell script that scans HTML files for missing doctype, viewport, lang attributes, alt text, and non-HTTPS URLs, outputting structured JSON. - Use Case: Before launching a marketing site, run the audit to catch missing alt attributes, render-blocking scripts, and absent meta descriptions, then fix Critical and High issues before deploy. ## Quick Start Audit my website's HTML files for performance, accessibility, SEO, and best-practice issues and list the findings by severity.

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 website for performance and accessibility issues?

Run a Lighthouse-based audit covering Performance, Accessibility, SEO, and Best Practices. The skill categorizes findings by severity (Critical, High, Medium, Low) and provides specific code-level fixes for each issue found.

What are the Core Web Vitals thresholds a page should pass?

LCP (Largest Contentful Paint) must be under 2.5 seconds, INP (Interaction to Next Paint) under 200ms, and CLS (Cumulative Layout Shift) under 0.1. Passing all three is required for a good page experience rating.

Can I scan static HTML files for common quality problems?

Yes, the included analyze.sh script scans .html and .htm files for missing doctype, viewport meta, lang attributes, title tags, images without alt text, and non-HTTPS URLs. It outputs structured JSON and requires jq installed.

Does the audit handle the Lighthouse v13 report format changes?

Yes, the skill accounts for Lighthouse v13's migration to Performance Insight Audits. Older audit names like First Meaningful Paint were removed or merged, but the underlying optimization advice still applies.

What are the limitations of the automated HTML analyzer script?

The script performs read-only grep-based checks on static HTML, so it cannot measure runtime metrics like LCP or INP, execute JavaScript, or detect issues in dynamically rendered content. Use full Lighthouse runs for those measurements.