Auditoría de calidad web completa que cubre rendimiento, accesibilidad, SEO y buenas prácticas, con más de 150 verificaciones basadas en Lighthouse.
Reemplaza a: Google Lighthouse manual
en todo el repo
0–100, la ruta de este skill
último commit aquí
últimos 90 días
56 tok en reposo
11 KB
Funciona con cualquier agente que lea SKILL.md
npx -y skills add addyosmani/web-quality-skills --skill web-quality-audit --agent claude-codeSe instala solo en este repositorio.
Este skill makes network requests, reads environment config.
Di cualquiera de estas frases y el agente debería cargar este skill.
Comprehensive quality review based on Google Lighthouse audits. Covers Performance, Accessibility, SEO, and Best Practices across 150+ checks.
Lighthouse v13 note (Oct 2025+). Lighthouse has migrated the Performance category from per-opportunity audits to Performance Insight Audits (announcement). Several individual audit names this skill historically referenced — First Meaningful Paint, No Document Write, Uses Passive Event Listeners, Uses Rel Preload — have been removed or merged. The underlying advice is unchanged and still applies; only the report format moved. The CLS-related audits ("layout shifts", "non-composited animations", "unsized images") are now consolidated into a single
cls-culprits-insight, and image audits are merged intoimage-delivery-insight. Treat older Lighthouse JSON output as a superset, not a contradiction.
Core Web Vitals — Must pass for good page experience:
Resource Optimization:
srcset.@import.font-display: swap. Preload critical fonts. Subset to needed characters.Loading Strategy:
<link rel="preconnect"> for third-party domains.Perceivable:
<img> has meaningful alt text. Decorative images use alt="".Operable:
Understandable:
lang attribute on <html>.Robust:
Crawlability:
On-Page SEO:
<h1>. Logical heading structure.Technical SEO:
Security:
Modern Standards:
document.write, synchronous XHR, etc.<!DOCTYPE html>.<meta charset="UTF-8"> as first element in <head>.UX Patterns:
| Level | Description | Action |
|---|---|---|
| Critical | Security vulnerabilities, complete failures | Fix immediately |
| High | Core Web Vitals failures, major a11y barriers | Fix before launch |
| Medium | Performance opportunities, SEO improvements | Fix within sprint |
| Low | Minor optimizations, code quality | Fix when convenient |
When performing an audit, structure findings as:
## Audit results
### Critical issues (X found)
- **[Category]** Issue description. File: `path/to/file.js:123`
- **Impact:** Why this matters
- **Fix:** Specific code change or recommendation
### High priority (X found)
...
### Summary
- Performance: X issues (Y critical)
- Accessibility: X issues (Y critical)
- SEO: X issues
- Best Practices: X issues
### Recommended priority
1. First fix this because...
2. Then address...
3. Finally optimize...
For detailed guidelines on specific areas:
Reproducido de addyosmani/web-quality-skills bajo licencia MIT. Leer esta página en markdown.
2 archivos en el paquete. Solo se lee SKILL.md al activarse — las referencias se cargan si el skill decide que las necesita.
Necesita en el PATH:jq
Variables de entorno:ISSUESMAX_FINDINGSMAX_PER_CATEGORY_PER_FILETARGETWARNINGS
Este repo incluye 6 skills. Si instalas uno, normalmente ya tienes los demás.
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'.
Optimiza la visibilidad y el posicionamiento en buscadores. Úsalo para 'improve SEO', 'fix meta tags', 'add structured data' o 'sitemap optimization'.
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 los Core Web Vitals (LCP, INP, CLS) para mejorar la experiencia de página y el posicionamiento en búsquedas.
Aplica prácticas modernas de desarrollo web para seguridad, compatibilidad y calidad de código, siguiendo las auditorías de Lighthouse best practices.
Úsalo al completar tareas, implementar features mayores, o antes de mergear, para verificar que el trabajo cumple los requisitos.
Úsalo antes de afirmar que un trabajo está completo, corregido o pasando, antes de hacer commit o crear PRs: exige ejecutar comandos de verificación y confirmar la salida antes de cualquier afirmación de éxito.
Testea contratos inteligentes de forma exhaustiva con Hardhat y Foundry: tests unitarios, de integración y forking de mainnet.
