Skip to main content
ClaudeWave
ES, Spanish
addyosmani / Skills

web-quality-skills

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

  • 3k estrellas
  • 259 forks
  • 9 issues abiertos
  • Lenguaje: Shell
  • Licencia: MIT
  • actualizado
Instalar en ClaudeVer en GitHub

Instalación

Terminal
git clone https://github.com/addyosmani/web-quality-skills ~/.claude/skills/web-quality-skills
  1. Clone the repository into your ~/.claude/skills directory (or copy the skill folder containing SKILL.md).
  2. Start a new Claude Code session so the skill registry reloads.
  3. Invoke it by name, or let Claude trigger it automatically when the task matches.

If the repo bundles several skills, copy only the folders you need.

Nota editorial

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.

Items instalables

6 items en este repositorio

accessibilitySkill

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".

Instalar
best-practicesSkill

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".

Instalar
core-web-vitalsSkill

Optimize Core Web Vitals (LCP, INP, CLS) for better page experience using field and lab evidence. Use when asked to "improve Core Web Vitals", "fix LCP", "reduce CLS", "optimize INP", "page experience optimization", or "fix layout shifts".

Instalar
performanceSkill

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".

Instalar
seoSkill

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".

Instalar
web-quality-auditSkill

Run an evidence-led web quality audit covering performance, accessibility, SEO, best practices, and agentic browsing. Use when asked to "audit my site", "review web quality", "run lighthouse audit", "check page quality", or "optimize my website".

Instalar
README

Resumen de Skills

README no disponible. Visita el repo en GitHub para la documentación completa.
Casos de uso
Dev Tools
Topics
accessibilityagent-skillsclaude-skillscore-web-vitalslighthouseskillstestingweb-performance
Preguntas frecuentes

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 3k estrellas en GitHub y su última actualización registrada es del 2026-08-24.

¿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 92/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 del 2026-08-24, con 9 issues abiertos.

¿Hay alternativas a web-quality-skills?

Sí. En ClaudeWave puedes explorar skills similares en /categories/skills, ordenados por popularidad o actividad reciente.