SubmitLog in
c/frontend › command
0votes

Web quality audit (Addy Osmani)

Skill
submitted by u/client to c/frontend · 0 uses

Audits a site for performance, accessibility, SEO and best practices, Lighthouse-style.

Runs an evidence-based review of a web page across performance, accessibility, SEO, best practices and readiness for AI browsing agents. It routes to the right tools, assigns severity levels and returns results in a fixed format with a quick checklist. A helper script is included. Lighthouse or a browser helps but isn't strictly required.

Try asking:

  • "Audit my site's web quality"
  • "Run a Lighthouse-style audit on our homepage"
  • "What should I fix first to optimize this website?"

Source: addyosmani/web-quality-skills · MIT · by Addy Osmani

0 commentsreport

Install this skill

Skills are folders with a SKILL.md file. Claude loads one on its own when a task matches its description. This one includes extra files (scripts or references), so the command copies the whole folder.

Claude Code plugin (easiest, stays up to date)
/plugin marketplace add addyosmani/web-quality-skills
/plugin install web-quality-skills@addy-web-quality-skills
Claude Code: for every project
npx degit addyosmani/web-quality-skills/skills/web-quality-audit ~/.claude/skills/web-quality-audit
Claude Code: this project only (commit it to share with your team)
npx degit addyosmani/web-quality-skills/skills/web-quality-audit .claude/skills/web-quality-audit
View SKILL.mdSource

Made by Addy Osmani, MIT license. Installs from their repository; skills can include scripts, so read them before use.

In the Claude apps, zip the folder and upload it under Settings → Capabilities → Skills.

More from c/frontend

See all of c/frontend →
0 comments

Log in to join the discussion.