Web Quality Audit

Runs a comprehensive site audit covering the same ground as Google Lighthouse: performance, accessibility, SEO, and best practices across 150+ checks. You get findings sorted by severity (critical to low) with specific file references and actionable fixes. It's organized around Core Web Vitals, WCAG compliance, and modern web standards, so you're not just getting a list of problems but a prioritized roadmap. The output format is clean and the categorization makes it easy to triage what needs fixing now versus what can wait. Good for pre-launch audits or when you inherit a codebase and need to know where it stands.

skills.sh installs: 232
GitHub stars: 33.2K
last updated: Aug 21, 2026

View on GitHub

Install

$ npx -y skills add davila7/claude-code-templates --skill web-quality-audit --agent claude-code

Installs into .claude/skills of the current project.

Files

Web quality audit

Comprehensive quality review based on Google Lighthouse audits. Covers Performance, Accessibility, SEO, and Best Practices across 150+ checks.

How it works

Analyze the provided code/project for quality issues
Categorize findings by severity (Critical, High, Medium, Low)
Provide specific, actionable recommendations
Include code examples for fixes

Audit categories

Performance (40% of typical issues)

Core Web Vitals — Must pass for good page experience:

LCP (Largest Contentful Paint) < 2.5s. The largest visible element must render quickly. Optimize images, fonts, and server response time.
INP (Interaction to Next Paint) < 200ms. User interactions must feel instant. Reduce JavaScript execution time and break up long tasks.
CLS (Cumulative Layout Shift) < 0.1. Content must not jump around. Set explicit dimensions on images, embeds, and ads.

SKILL.md on GitHub