Agent Skills for optimizing web quality based on Lighthouse and Core Web Vitals.
Web Quality Skills is a collection of six agent skills for Claude Code that encode Google Lighthouse audit logic and Core Web Vitals optimization patterns into reusable, invocable instructions. The six skills cover a full-site quality audit, general performance, Core Web Vitals (LCP, INP, CLS), accessibility, SEO, and security-oriented best practices, drawing on over 150 Lighthouse audits and WCAG 2.2 standards. Installation is handled via `npx skills add addyosmani/web-quality-skills` or through the Claude Code plugin marketplace using `/plugin marketplace add`, after which skills are namespaced and callable with slash commands such as `/web-quality-skills:performance`. The collection is framework-agnostic, supporting React, Vue, Angular, Svelte, Next.js, Nuxt, Astro, and plain HTML. A notable detail is the web-quality-audit orchestrator skill, which checks 50-plus performance patterns, 40-plus accessibility rules, and 30-plus SEO requirements in a single pass. Front-end developers and site reliability engineers working on production web projects are the primary audience.
- ✓Open-source license (MIT)
- ✓Recently active
- ✓Healthy fork ratio
- ✓Clear description
- ✓Topics declared
- ✓Documented (README)
git clone https://github.com/addyosmani/web-quality-skills ~/.claude/skills/web-quality-skills6 items en este repositorio
Audit and improve web accessibility following WCAG 2.2 guidelines. Use when asked to "improve accessibility", "a11y audit", "WCAG compliance", "screen reader support", "keyboard navigation", or "make accessible".
Apply modern web development best practices for security, compatibility, and code quality. Use when asked to "apply best practices", "security audit", "modernize code", "code quality review", or "check for vulnerabilities".
Optimize Core Web Vitals (LCP, INP, CLS) for better page experience and search ranking. Use when asked to "improve Core Web Vitals", "fix LCP", "reduce CLS", "optimize INP", "page experience optimization", or "fix layout shifts".
Optimize web performance for faster loading and better user experience. Use when asked to "speed up my site", "optimize performance", "reduce load time", "fix slow loading", "improve page speed", or "performance audit".
Optimize for search engine visibility and ranking. Use when asked to "improve SEO", "optimize for search", "fix meta tags", "add structured data", "sitemap optimization", or "search engine optimization".
Comprehensive web quality audit covering performance, accessibility, SEO, and best practices. Use when asked to "audit my site", "review web quality", "run lighthouse audit", "check page quality", or "optimize my website".
Resumen de Skills
Lo que la gente pregunta sobre web-quality-skills
¿Qué es addyosmani/web-quality-skills?
+
addyosmani/web-quality-skills es skills para el ecosistema de Claude AI. Agent Skills for optimizing web quality based on Lighthouse and Core Web Vitals. Tiene 2.3k estrellas en GitHub y se actualizó por última vez 1mo ago.
¿Cómo se instala web-quality-skills?
+
Puedes instalar web-quality-skills clonando el repositorio (https://github.com/addyosmani/web-quality-skills) o siguiendo las instrucciones del README en GitHub. ClaudeWave también te ofrece bloques de instalación rápida en esta misma página.
¿Es seguro usar addyosmani/web-quality-skills?
+
Nuestro agente de seguridad ha analizado addyosmani/web-quality-skills y le ha asignado un Trust Score de 100/100 (tier: Verified). Revisa el desglose completo de comprobaciones superadas y flags en esta página.
¿Quién mantiene addyosmani/web-quality-skills?
+
addyosmani/web-quality-skills es mantenido por addyosmani. La última actividad registrada en GitHub es de 1mo ago, con 6 issues abiertos.
¿Hay alternativas a web-quality-skills?
+
Sí. En ClaudeWave puedes explorar skills similares en /categories/skills, ordenados por popularidad o actividad reciente.
Despliega web-quality-skills en tu cloud
Lleva este repo a producción en minutos. Cada plataforma genera su propio entorno con variables de entorno editables.
¿Mantienes este repo? Añade un badge a tu README
Pega el badge en tu README de GitHub para mostrar que está auditado por ClaudeWave. Cada badge enlaza de vuelta a esta página y muestra el Trust Score actual.
[](https://claudewave.com/repo/addyosmani-web-quality-skills)<a href="https://claudewave.com/repo/addyosmani-web-quality-skills"><img src="https://claudewave.com/api/badge/addyosmani-web-quality-skills" alt="Featured on ClaudeWave: addyosmani/web-quality-skills" width="320" height="64" /></a>Más Skills
A cross-platform desktop All-in-One assistant for Claude Code, Codex, OpenCode, OpenClaw, Gemini CLI & Hermes Agent. Only official website: ccswitch.io
omo/lazycodex: The coding agent for tokenmaxxers;the one and only agent harness for complex codebases. For your Codex, for your OpenCode
Graphs that teach > graphs that impress. Turn any code into an interactive knowledge graph you can explore, search, and ask questions about. Works with Claude Code, Codex, Cursor, Copilot, Gemini CLI, and more.
Turn any AI agent into an AI Scientist. The #1 Agent Skills library for science, used by 160,000+ scientists worldwide. 140 ready-to-use skills plus 100+ scientific databases covering biology, chemistry, medicine, and drug discovery. Compatible with Cursor, Claude Code, Codex, Antigravity, and the open Agent Skills standard.
A curated collection of 1000+ agent skills from official dev teams and the community, compatible with Claude Code, Codex, Gemini CLI, Cursor, and more.
No description provided.