web-quality-audit
Comprehensive web quality audit covering performance, accessibility, SEO, and best practices. Use when asked to "audit my site",…
What it does
- 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.
- Compress images. Use WebP/AVIF with fallbacks. Serve correctly sized images via srcset.
- Minimize JavaScript. Remove unused code. Use code splitting. Defer non-critical scripts.
- Optimize CSS. Extract critical CSS. Remove unused styles. Avoid @import.
- Efficient fonts. Use font-display: swap. Preload critical fonts. Subset to needed characters.
Derived from the skill's own SKILL.md documentation · extracted 2026-07-23
Comprehensive web quality audit covering performance, accessibility, SEO, and best practices. Use when asked to "audit my site", "review web quality", "run lighthouse audit", "check page quality", or "optimize my website".
Source
Repository: https://github.com/addyosmani/web-quality-skills
web-quality-audit FAQ
What does the web-quality-audit skill do?
Comprehensive web quality audit covering performance, accessibility, SEO, and best practices. Use when asked to "audit my site", "review web quality", "run lighthouse audit", "check page quality", or "optimize my website". 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.
How do I install web-quality-audit?
Run: npx -y skills add https://github.com/addyosmani/web-quality-skills --skill web-quality-audit --agent claude-code — the source lives at github.com/addyosmani/web-quality-skills.
Maintain web-quality-audit?
Let people know it's listed here — add the badge (live metrics, light/dark aware) or a plain link to your README or docs.
[](https://getagentictools.com/skills/addyosmani-web-quality-skills-web-quality-audit?ref=badge) npx agentictools info skills/addyosmani-web-quality-skills-web-quality-audit The second line is the CLI lookup for this page — handy in READMEs and docs.
Related skills
offers Agent skill from coreyhaines31/marketingskills.
modern-javascript-patterns ES6+ syntax and functional programming patterns for writing clean, modern JavaScript.
writing hookify rules writing hookify rules
marketing-loops Agent skill from coreyhaines31/marketingskills.
baoyu-post-to-weibo Posts content to Weibo (微博). Supports regular posts with text, images, and videos, and headline articles (头条文章) with Markdown inp…
public-relations Agent skill from coreyhaines31/marketingskills.