Skill

Web Quality Skills

Web Quality Skills is an unofficial, measurement-first set of Agent Skills from Addy Osmani for improving web projects with Lighthouse and Chrome DevTools.

Source (opens in a new tab)

Checked 2026-11-12

Web Quality Skills is an unofficial, measurement-first set of Agent Skills from Addy Osmani for improving web projects with Lighthouse and Chrome DevTools. The README lists skills for a full quality audit, performance, Core Web Vitals, accessibility to WCAG 2.2 and modern SEO, and says it works with any framework from React and Vue to Astro and plain HTML. When the Chrome DevTools MCP server is available, the skills can run live Lighthouse audits and read performance traces for loading, interaction and layout problems. You install it with the skills command line tool, by copying the skills folder, or as a Claude Code plugin. The licence is MIT and the repository was last pushed on 24 August 2026, so check for newer Lighthouse changes. It suits developers who want fixes backed by measurements. One limit: live audits need Chrome DevTools MCP set up. We have not run it ourselves for this note.

Mentioned here

  • Chrome DevTools MCP

    Google's Chrome DevTools MCP lets coding agents debug and profile pages in a real Chrome. Install for five agents, tools, privacy settings and limits.

    • MCP server

    ChromeDevTools, 54,503 stars

  • Playwright Skill

    Playwright Skill is an Agent Skill from lackeyjb that lets a coding agent write and run Playwright automation on the fly, from a simple page check to a multi-step flow.

    • Skill

    lackeyjb, 3,285 stars

  • Accessibility Agents MCP

    Accessibility Agents enforces WCAG 2.2 AA in agentic coding through a package of Agent Skills read by Claude Code, Codex, GitHub Copilot, Gemini CLI and Antigravity.

    • MCP server

    Community-Access, 431 stars

  • Frontend Design skill

    Anthropic's frontend-design skill steers an agent away from generic AI-looking pages. What its SKILL.md says, install for five agents, licence and limits.

    • Skill
    • Official

    Anthropic

  • Claude SEO

    Claude SEO is a free plugin from Agrici Daniel that has Claude Code audit a website and return an action plan sorted by what matters most.

    • Skill

    Agrici Daniel, 28,419 stars

  • SuperSEO Skills

    SuperSEO Skills is a set of 11 Claude skills for SEO work, published under the inhouseseo organisation and licensed Apache 2.0.

    • Skill

    sanderbz, 375 stars

  • Claude Code

    Claude Code is Anthropic's coding agent for the terminal, VS Code, JetBrains, a desktop app and the web.

    • Terminal agent
    • MCP

    Subscription, 153,977 stars

  • Cursor

    Cursor is a desktop AI editor with a terminal CLI and cloud agents that work in their own virtual machines.

    • AI code editor
    • MCP

    Free tier + paid

Works with

Tried it with one of these? Vote below: works for me, or not.

Questions

How do I install Web Quality Skills?

Run this command: npx skills add addyosmani/web-quality-skills. The install box on this page has the command for each agent it works with.

Is Web Quality Skills free?

It is published under the MIT licence.

Who maintains Web Quality Skills?

It is maintained by Addy Osmani. The code is at github.com/addyosmani/web-quality-skills.

Reviews

Loading reviews…

Write a review

Your rating

Up to 1000 characters. Stars alone are enough.

Similar

  • Superpowers

    Superpowers is a skills framework and software development method for coding agents, described by its maintainer as one that works.

    • Skill

    Jesse Vincent, 309,408 stars

  • UI UX Pro Max

    UI UX Pro Max is a skill from nextlevelbuilder that gives an agent design knowledge for building interfaces across platforms and frameworks.

    • Skill

    nextlevelbuilder, 148,422 stars

  • Caveman

    Caveman is a Claude Code skill and proxy that tries to cut token use by making the agent talk in short, blunt phrases.

    • Skill

    Julius Brussee, 116,327 stars

  • Taste Skill

    Taste Skill is an Agent Skill from Leonxlnx that aims to make a coding agent build professional company websites instead of a generic landing page.

    • Skill

    Leonxlnx, 113,896 stars

  • Impeccable

    Impeccable is a design skill from Paul Bakaus that gives a coding agent words for what you want to change.

    • Skill

    Paul Bakaus, 108,653 stars

  • Archify

    Archify is a skill from tt-a1i that has an agent produce an interactive visual as one self-contained HTML file.

    • Skill

    tt-a1i, 91,820 stars