web-quality-audit

Audits web projects for performance, accessibility, SEO, and best-practice issues with severity-ranked findings.

Updated May 26, 2026
One-click install
npx skills add https://github.com/avel123111/triplanio --skill web-quality-audit-avel123111
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: web-quality-audit
Source: https://github.com/avel123111/triplanio/tree/main/.claude/skills/web-quality-audit
Command: npx skills add https://github.com/avel123111/triplanio --skill web-quality-audit-avel123111

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve? Web projects often ship with hidden performance regressions, accessibility barriers, and SEO gaps that hurt user experience and search rankings. This Skill systematically reviews code against 150+ Lighthouse-based checks and produces prioritized, actionable findings instead of a raw checklist. ## Core Features & Use Cases - Four-category audit: Covers Performance (Core Web Vitals, resource optimization), Accessibility (WCAG perceivable/operable/understandable/robust), SEO (crawlability, on-page, technical), and Best Practices (security, modern standards, UX patterns). - Severity-ranked output: Findings are classified as Critical, High, Medium, or Low with file locations, impact explanations, and concrete fix recommendations. - Static HTML analyzer script: A read-only Bash script scans HTML files for missing doctype, viewport, lang attributes, alt text, and non-HTTPS URLs, emitting structured JSON results. - Use Case: Before deploying a React/Vite marketing site, run the audit to catch missing meta tags, oversized images, and contrast failures, then fix Critical and High issues before launch. ## Quick Start Ask the assistant to audit your project's HTML and frontend code for performance, accessibility, and SEO issues and return a severity-ranked 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 my website for performance and accessibility issues?

Run a web quality audit that checks your code against Lighthouse-based criteria covering Core Web Vitals, WCAG accessibility rules, SEO, and best practices. Findings are grouped by severity with specific file locations and fix recommendations.

What does the analyze.sh script check in HTML files?

The script scans HTML files for missing doctype, charset, viewport meta tag, lang attribute, title tag, img elements without alt text, and non-HTTPS URLs. It outputs structured JSON with issue counts and line numbers, and requires jq to be installed.

Does this audit work with React or Vite projects?

Yes, the audit guidance applies to any web frontend including React and Vite codebases, since it reviews source code for patterns affecting performance, accessibility, and SEO. The bundled script additionally scans built or static HTML files directly.

How are audit findings prioritized?

Findings are classified into four severity levels: Critical for security vulnerabilities and complete failures, High for Core Web Vitals failures and major accessibility barriers, Medium for performance and SEO improvements, and Low for minor optimizations.

Why do some Lighthouse audit names differ from older reports?

Lighthouse v13 migrated the Performance category to Insight Audits, merging or removing audits like First Meaningful Paint and Uses Rel Preload. The underlying optimization advice still applies; only the report format changed.