addyosmaniCommunity·6 Agent Skills Included

web-quality-skills

Audit and fix website speed, accessibility, SEO, and security

Audits websites for performance, Core Web Vitals, accessibility, SEO, and security issues using Lighthouse and Chrome DevTools evidence. Diagnoses slow loading, layout shifts, keyboard traps, missing meta tags, and unsafe code with measured data instead of guesswork. Gives your AI agent step-by-step fix guides with code examples that work in any framework like React, Vue, or plain HTML.

2,598|238

↗

npx skills add addyosmani/web-quality-skills --all -g -y

Available:

Tells the AI agent which skill to trigger for each audit request, what quality thresholds to apply, and how to route live Lighthouse and performance trace checks.

All Skills in This Repository (6)

Pure Emerald Level Indicators

📦 In Repo

addyosmani

web-quality-audit

Audit websites for Lighthouse-based quality and compliance issues.

core-web-vitals

Optimize LCP, INP, and CLS metrics across SSR, CSR, and static sites.

performance

Identify and fix web page performance bottlenecks using Lighthouse audits.

seo

Align technical SEO, on-page optimization, and JSON-LD structured data with search engine guidelines.

accessibility

Audit web accessibility and improve WCAG 2.1 conformance across web content.

best-practices

Audit web projects for security, compatibility, and code quality standards.

Community

Advanced

Frequently Asked Questions

FAQPage Schema

How to install web-quality-skills?▼

Run `npx skills add addyosmani/web-quality-skills --all -g -y` in your terminal to install all six skills globally for your AI agent.

How to audit my website with AI?▼

Ask your agent to "audit my site" or "check web quality" and it runs Lighthouse checks for performance, accessibility, SEO, and best practices, then lists fixes by priority.

How to fix Core Web Vitals with AI?▼

Ask to "fix LCP", "reduce CLS", or "improve INP" and the agent measures real-user data, finds the cause in a browser trace, and applies targeted code fixes.

Does it work with React, Next.js, or plain HTML?▼

Yes. All skills are framework-agnostic and include specific examples for React, Next.js, Vue, Nuxt, and vanilla HTML/CSS/JS.

Which AI agents support these skills?▼

They work with Claude Code, Codex, Gemini CLI, Cursor, and any agent that follows the open Agent Skills specification.