Web Quality Skills
A set of skills for web quality audits: performance, Core Web Vitals, accessibility, SEO and best practices from Lighthouse
- 3,006 ★ on the repository
- Last commit
- MIT
Extended access
Why this level
- The skills run browser audits and read the project code
Install
- Works in
In your terminal, with SkillFoxx CLI
npx skillfoxx add skills/web-quality-skillsDetects the agents on your machine, shows the access level and pins the version.
Other ways to install
Access and checks
How we reviewExtended accessThe tool runs code or makes network calls and only reads external data.
- The skills run browser audits and read the project code
This is third-party code. Review the repository files before installing.
What it does
A set of six skills runs a measurement-first frontend quality review. The top-level web-quality-audit skill orchestrates the rest and keeps measured issues separate from code hypotheses. Separate skills cover performance and loading, the three Core Web Vitals, WCAG 2.2 accessibility, SEO and general best practices. The skills prefer live evidence: browser traces, Lighthouse audits and CrUX field data, and fall back to Lighthouse CLI and static inspection when Chrome DevTools MCP is absent. The stack is any: React, Vue, Angular, Svelte, Next.js, Astro or plain HTML.
Who it is for. For frontend developers and leads who need a repeatable web quality audit.
Good fit when
- You need to find and fix LCP, INP or CLS issues
- You audit a site for WCAG accessibility
- You want a performance and SEO audit before release
Not a fit when
- You need feature development rather than a quality review
- The project is native or backend, not web
Example request
Run a web quality audit of this page and fix Core Web VitalsLimitations
Live Lighthouse audits and traces are fullest with Chrome DevTools MCP connected; without it the skills use Lighthouse CLI, PageSpeed Insights and static inspection. Scores help catch regressions but do not replace field data and manual checks. The project is unofficial.
How to disable. Remove the web-quality-skills plugin via /plugin, or delete the skill folders from your agent's skills directory.
FAQ
Do I need Chrome DevTools MCP?
No, it is optional. With it the skills give live audits; without it they fall back to Lighthouse CLI and static analysis.
Is this an official Google project?
No, the README calls the set unofficial, though it builds on Lighthouse and Core Web Vitals.
Discussion
No questions or reviews yet.
Related
SkillsSkills for design engineers: quick UI cleanup, accessibility, metadata and animation performance fixes
Chrome team skills: the agent looks up current web platform patterns instead of legacy code, plus a skill for Chrome extensions and Web Store publishing
A skill methodology for reproducing websites, from a static page to heavy WebGL, built on real source code rather than agent-hallucinated code
Skills against boilerplate-looking UIs: layout, type, motion and spacing, plus reference image generation for web and mobile
A design skill against templated AI interfaces: new pages, audits, redesigns and design extraction from a screenshot or URL
A skill that dissects and ports WebGL, WebGPU and Canvas effects from a page into a standalone local JS project
README in short
The README describes a measurement-first set of skills for optimizing sites against Lighthouse, Core Web Vitals, WCAG and search requirements. It separates four evidence types: CrUX field data, first-party RUM, a trace or Lighthouse lab run, and static source inspection. Installation is via npx skills, as a Claude Code plugin or a Gemini extension, with manual copying. It lists metric thresholds and starting budgets as guardrails, not universal norms. MIT licensed.
README badge
Original SKILL.md
--- name: web-quality-audit description: Run an evidence-led web quality audit covering performance, accessibility, SEO, best practices, and agentic browsing. Use when asked to "audit my site", "review web quality", "run lighthouse audit", "check page quality", or "optimize my website". license: MIT metadata: author: web-quality-skills version: "2.0" --- # Web quality audit Comprehensive quality review that combines live browser evidence with source inspection. Covers Performance, Accessibility, SEO, Best Practices, and Agentic Browsing without treating an aggregate score as proof of quality.