# web-quality-skills - 6 Claude Skills de addyosmani > Agent Skills de addyosmani para auditar rendimiento, accesibilidad, SEO y buenas prácticas web con Lighthouse y Core Web Vitals. Fuente: https://skillsagentes.com/skills/addyosmani/web-quality-skills Markdown: https://skillsagentes.com/skills/addyosmani/web-quality-skills.md Colección de Agent Skills para revisar y optimizar sitios web según Lighthouse, Core Web Vitals, WCAG 2.2 y SEO, sin atarse a ningún framework concreto. ## Instalar el pack entero ```bash npx -y skills add addyosmani/web-quality-skills --agent claude-code ``` Instala los 6 skills en el proyecto actual. Añade `-g` para toda la máquina, y cambia `--agent` por `cursor`, `codex`, `gemini`, `windsurf` o `cline`. ## Qué cubre Este repositorio agrupa seis skills orientadas a la calidad técnica de sitios web. Web Quality Audit orquesta al resto y cubre más de 150 verificaciones basadas en Lighthouse sobre rendimiento, accesibilidad, SEO y buenas prácticas. Performance se centra en tiempos de carga y ejecución usando trazas de DevTools y datos de CrUX. Core Web Vitals diagnostica y optimiza LCP, INP y CLS con umbrales concretos. Accessibility revisa el cumplimiento de WCAG 2.2 (contraste, navegación por teclado, lectores de pantalla), Seo trabaja crawlability, metaetiquetas y datos estructurados, y Best Practices atiende seguridad, APIs modernas y compatibilidad de navegadores. Instalar el paquete completo tiene sentido para quien mantiene sitios en producción y quiere que un agente revise de forma recurrente rendimiento, accesibilidad, SEO y seguridad con el mismo criterio, en lugar de activar una sola comprobación puntual. Las skills son agnósticas de framework, con notas específicas para React/Next.js, Vue/Nuxt, Svelte y Astro. El repositorio no incluye herramientas de diseño de interfaz ni guías de UX; se limita a medición y diagnóstico técnico, apoyándose en Lighthouse, PageSpeed Insights/CrUX y, opcionalmente, Chrome DevTools MCP. ## Datos del repositorio - Publicado por: [addyosmani](https://skillsagentes.com/creators/addyosmani.md) - Skills indexados: 6 - Categorías: Testing y QA, Herramientas para desarrolladores, Seguridad - Estrellas: 2730 - Licencia: MIT - Último push: 2026-08-24 - [Código fuente](https://github.com/addyosmani/web-quality-skills) ## Los 6 skills - [Accessibility](https://skillsagentes.com/skills/addyosmani/web-quality-skills/accessibility.md): Audita y mejora la accesibilidad web siguiendo las pautas WCAG 2.2. Úsalo ante 'improve accessibility', 'a11y audit', 'WCAG compliance', 'screen reader support', 'keyboard navigation' o 'make accessible'. - [Best Practices](https://skillsagentes.com/skills/addyosmani/web-quality-skills/best-practices.md): Aplica prácticas modernas de desarrollo web para seguridad, compatibilidad y calidad de código, siguiendo las auditorías de Lighthouse best practices. - [Core Web Vitals](https://skillsagentes.com/skills/addyosmani/web-quality-skills/core-web-vitals.md): Optimiza los Core Web Vitals (LCP, INP, CLS) para mejorar la experiencia de página y el posicionamiento en búsquedas. - [Performance](https://skillsagentes.com/skills/addyosmani/web-quality-skills/performance.md): Optimiza el rendimiento web para lograr cargas más rápidas y mejor experiencia de usuario, basado en auditorías de rendimiento de Lighthouse. - [Seo](https://skillsagentes.com/skills/addyosmani/web-quality-skills/seo.md): Optimiza la visibilidad y el posicionamiento en buscadores. Úsalo para 'improve SEO', 'fix meta tags', 'add structured data' o 'sitemap optimization'. - [Web Quality Audit](https://skillsagentes.com/skills/addyosmani/web-quality-skills/web-quality-audit.md): Auditoría de calidad web completa que cubre rendimiento, accesibilidad, SEO y buenas prácticas, con más de 150 verificaciones basadas en Lighthouse. ## Preguntas frecuentes - **¿Qué incluye web-quality-skills?** 6 skills indexados en este directorio, repartidos entre 4 categorías, sobre todo Testing y QA, Herramientas para desarrolladores, Seguridad. Cada uno es un SKILL.md con sus propios archivos, y en la lista de esta página tienes los 6 con enlace a su ficha. - **¿Cómo instalo todo el pack web-quality-skills de una vez?** Con un solo comando: npx -y skills add addyosmani/web-quality-skills --agent claude-code. Instala los 6 skills del repositorio en el proyecto actual. Añade -g al final para dejarlos disponibles en toda la máquina, y cambia --agent si usas Cursor, Codex, Gemini CLI, Windsurf o Cline. - **¿Puedo instalar solo uno de los skills?** Sí. Cada ficha de skill trae su propio comando con el selector --skill, así que puedes coger uno suelto sin traerte los 6. Es lo recomendable si solo necesitas una tarea concreta: cada skill instalado ocupa contexto en tu agente. - **¿Qué licencia tiene web-quality-skills?** El repositorio declara licencia MIT. Los archivos son del autor; este directorio solo los indexa y enlaza al origen. - **¿Quién mantiene web-quality-skills?** addyosmani, en GitHub. El último push al repositorio se registró el 24 de agosto de 2026. --- [Todos los packs](https://skillsagentes.com/skills/packs.md) · [Todas las skills](https://skillsagentes.com/skills.md) Skills Agentes · [Índice de páginas en markdown](https://skillsagentes.com/sitemap.md) · [Inicio](https://skillsagentes.com/index.md)