Pack de 6 skills
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.
indexados aquí
cubiertas
en GitHub
al repositorio
Funciona con cualquier agente que lea SKILL.md
npx -y skills add addyosmani/web-quality-skills --agent claude-codeInstala todos los skills del repositorio, solo en este proyecto.
Instala los 6 skills del repositorio de una vez. Cada ficha individual trae su propio comando si solo quieres uno — cada skill instalado ocupa contexto en el agente.
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.
Los 6 más populares del pack, sobre Testing y QA, Herramientas para desarrolladores, Seguridad.
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'.
Aplica prácticas modernas de desarrollo web para seguridad, compatibilidad y calidad de código, siguiendo las auditorías de Lighthouse best practices.
Optimiza los Core Web Vitals (LCP, INP, CLS) para mejorar la experiencia de página y el posicionamiento en búsquedas.
Optimiza el rendimiento web para lograr cargas más rápidas y mejor experiencia de usuario, basado en auditorías de rendimiento de Lighthouse.
Optimiza la visibilidad y el posicionamiento en buscadores. Úsalo para 'improve SEO', 'fix meta tags', 'add structured data' o 'sitemap optimization'.
Auditoría de calidad web completa que cubre rendimiento, accesibilidad, SEO y buenas prácticas, con más de 150 verificaciones basadas en Lighthouse.
Colección de 24 skills (más una meta-skill) para agentes de codificación IA que cubre todo el ciclo de vida de desarrollo, desde especificar y planificar hasta construir, probar, revisar y desplegar software.
