web-quality-skills

Skill

Agent Skills for optimizing web quality based on Lighthouse and Core Web Vitals.

by addyosmani·addyosmani/web-quality-skills·Shell

81· B

Install

git clone https://github.com/addyosmani/web-quality-skills

Stars

2,875

7d change

▲ 0.98%

Downloads / week

—

Last active

1mo ago

About

An (unofficial) measurement-first collection of Agent Skills for optimizing web projects with Google Lighthouse, Chrome DevTools for agents, Core Web Vitals, WCAG, and search guidance.

Stack-agnostic. Works with any framework: React, Vue, Angular, Svelte, Next.js, Nuxt, Astro, plain HTML, and more.

While interface guidelines tell you what to build, Web Quality Skills tell you how to build it performantly, accessibly, and optimally for search engines. These skills combine:

Live Lighthouse audits for agents across Accessibility, SEO, Best Practices, and Agentic Browsing when Chrome DevTools MCP is available Performance traces and Insights for diagnosing LCP, INP, CLS, network, and main-thread bottlenecks Field plus lab measurement using CrUX for real-user context and controlled browser runs for repeatable diagnosis Core Web Vitals optimization patterns for LCP, INP, and CLS WCAG 2.2 accessibility standards Modern SEO requirements