Web Vitals

Qué hace este skill

• Puntúa 7 categorías de 0 a 100 (rendimiento, accesibilidad, buenas prácticas, SEO, seguridad, móvil, privacidad)
• Obtiene él mismo los datos de medición cuando el entorno lo permite: API de PageSpeed Insights (laboratorio + campo CrUX en un GET), cabeceras curl para seguridad, descarga del HTML, opcionalmente CLI de Lighthouse/SSL Labs — pide al usuario solo como reserva
• Obtiene automáticamente la autorización para los comandos de medición/lectura necesarios (incl. instalación opcional como npx lighthouse) y, una vez concedida, se ejecuta de forma autónoma hasta el informe final — solo sitio autorizado, nada destructivo
• Separa con limpieza los datos de campo (CrUX: LCP/INP/CLS/FCP/TTFB, p75) del laboratorio (Lighthouse) — el «CWV aprobado» cuenta el campo
• Puntuación de rendimiento transparente: curva log-normal por métrica, pesos TBT 30/LCP 25/CLS 25/FCP 10/SI 10 (v10+, TTI eliminado)
• Aporta Opportunities (ahorro estimado) y Diagnostics (elemento LCP, fuentes de CLS, hilo principal, DOM, TTFB)
• Móvil primero por defecto (mobile-first indexing, la condición más dura) — escritorio además bajo petición
• Comprueba la seguridad como Mozilla Observatory/SSL Labs (TLS, CSP, HSTS, flags de cookies, SRI, contenido mixto)
• Comprueba la accesibilidad WCAG 2.2 (nota: la automatización solo cubre una parte), el SEO técnico y las buenas prácticas (incl. CSP-contra-XSS, API obsoletas)
• Móvil/responsive y RGPD/privacidad (consentimiento, rastreadores, SPF/DKIM/DMARC) — apto para DACH
• Hallazgos por gravedad con correcciones concretas; distingue medido vs. estimado — no inventa cifras
• Comprobación en vivo con acceso web/herramientas; tabla de puntuación global + acciones priorizadas por palanca
• Da una corrección compacta de una frase por hallazgo (palanca concreta); con acceso web/herramientas busca la solución actual en vivo (web.dev/doc oficial) para casos especiales
• Valora cada corrección con una fuerza de recomendación (obligatorio/recomendado/según el caso/opcional) e indica si tiene sentido en este contexto; para cambios arriesgados (p. ej. CSP/HSTS) una nota de esfuerzo/riesgo + probar en staging — no promete nada que pueda romperse

Descripción

Web Vitals es un skill para auditorías de sitios web — puntúa un sitio en siete categorías de 0 a 100 (rendimiento/Core Web Vitals, seguridad, SEO, accesibilidad, buenas prácticas, móvil, privacidad) y da un arreglo concreto para cada hallazgo. Una auditoría web completa que reúne la lógica de comprobación de las fuentes consolidadas y la traduce en categorías claras puntuadas de 0 a 100 cada una. El rendimiento se basa en los Core Web Vitals (LCP bueno ≤ 2,5 s, INP ≤ 200 ms, CLS ≤ 0,1) más métricas de laboratorio (FCP, Speed Index, TBT, TTI, TTFB), ponderadas como Lighthouse 10+ (TBT 30 %, LCP 25 %, CLS 25 %, FCP 10 %, SI 10 %; TTI eliminado, cada métrica mapeada a 0–100 mediante una curva log-normal). La accesibilidad comprueba criterios WCAG 2.2 (contraste, textos alternativos, etiquetas, teclado/foco, ARIA, encabezados, idioma, tamaños de objetivo). Las buenas prácticas cubren HTTPS, errores de consola, tamaños de imagen, bibliotecas obsoletas/vulnerables y contenido mixto. El SEO abarca title/meta, encabezados, rastreabilidad (robots.txt, sitemap, indexabilidad), canonical, datos estructurados, compatibilidad móvil y hreflang. La seguridad evalúa TLS/certificado (estilo SSL Labs) y cabeceras de seguridad (CSP, HSTS, X-Content-Type-Options, Referrer/Permissions-Policy, COOP/COEP/CORP, X-Frame-Options), flags de cookies (Secure/HttpOnly/SameSite), contenido mixto y Subresource Integrity al estilo de Mozilla Observatory/securityheaders.com. Móvil y responsive comprueba viewport, maquetación, zonas táctiles y tamaños de fuente; privacidad/RGPD (bonus DACH) comprueba el consentimiento de cookies antes del rastreo, rastreadores de terceros, política de privacidad/aviso legal y autenticación de correo (SPF/DKIM/DMARC). Principio de honestidad: valores medidos solo desde fuentes reales (Lighthouse/PageSpeed/WebPageTest/escaneo de cabeceras o comprobación en vivo con acceso web/herramientas), si no un análisis estático/heurístico a partir del HTML/cabeceras aportados — nunca cifras inventadas; se distinguen los datos de campo (CrUX, p75) de los de laboratorio. Salida: tabla de puntuaciones, hallazgos por categoría con gravedad y corrección, acciones priorizadas (impacto × esfuerzo) y base de datos/límites indicados. Solo sitios autorizados, sin test de penetración. Sinergia: medición real vía Lighthouse/SSL Labs, evaluación A/B vía A/B Test Auditor, correcciones de código vía Code Reviewer Pro.

Ejemplos

Qué no hace

• No inventa valores de métricas; sin datos reales, claramente marcado como estimación/heurística
• No escanea sitios ajenos/no autorizados; sin tests de penetración ni exploits
• No sustituye una medición real (Lighthouse/PageSpeed/WebPageTest/SSL Labs)
• No sustituye una revisión legal (RGPD/aviso legal son indicaciones)
• No promete parches sin riesgo: los cambios que pueden romper (CSP, HSTS, SameSite) vienen con advertencia y recomendación de prueba en vez de un DEBE general

Compatibilidad y técnica

Probado (interno)

4 escenarios

Runtime recomendado

El modelo más potente disponible; más eficaz con acceso web/herramientas para obtener en vivo la página y las cabeceras.

Modos

Auditoría completa · Categoría única · Interpretar datos · Lista de correcciones priorizada · Re-auditoría/comparación

Entradas

URL · JSON de Lighthouse / resultado de PageSpeed (campo + laboratorio) · Código fuente HTML · Dump de cabeceras HTTP · Resultado de WebPageTest · opcional: categoría de enfoque, dispositivo (por defecto móvil)

Formato de salida

Tabla de puntuaciones (7 categorías de 0 a 100 + semáforo) con los valores de Core Web Vitals, hallazgos por categoría (gravedad + corrección concreta + fuerza de recomendación + esfuerzo/riesgo si procede), acciones priorizadas (impacto × esfuerzo), base de datos y límites indicados

Subcategoría

Rendimiento y auditoría

Licencia

Proprietär

Perfil de seguridad

Qué incluye

• web-vitals-1.9.1/7 archivos
  • .claude-plugin/marketplace.json
  • plugins/web-vitals/skills/web-vitals/7 archivos

    • SKILL.md
    • manifest.json
    • assets/1 archivo

      • web-vitals-card-sample.svg
    • references/3 archivos

      • thresholds.md
      • web-vitals-backlog-and-card.md
      • web-vitals-checklist.md
    • scripts/1 archivo

      • render-web-vitals-card.mjs
  • .agents/skills/web-vitals/→ universal — mismo contenido (Codex, Cursor, Copilot, Gemini, Windsurf, Cline)
  • LICENSE.txt

Instalación

También como prompt de chat

Nota

El skill mide por sí mismo: nombra los comandos necesarios (API de PageSpeed/curl/opcionalmente Lighthouse), obtiene UNA VEZ tu autorización y después se ejecuta automáticamente hasta el informe. En hosts con shell/red (Claude Code, etc.) ocurre directamente; en chat puro basta una sola consulta con comandos para copiar y pegar. Solo sitios autorizados.

Historial de cambios

• v1.9.101.07.2026Colores de la tarjeta de puntuación más justos: bandas por categoría según la alcanzabilidad realista (Rendimiento y Privacidad/RGPD son más difíciles de maximizar), degradado continuo rojo→ámbar→verde en vez de escalones 90/50 — las puntuaciones bajas siguen en rojo; opción `bands` por ejecución. Además: los umbrales/reglas se marcan como una instantánea con fecha — verificar los valores actuales de Core Web Vitals en la fuente oficial (web.dev/Chrome/PageSpeed) y citar la fecha de consulta.
• v1.9.026.06.2026Ampliación operativa (proyectada desde el skill hermano Web AI Vitals): las auditorías completas terminan ahora con un backlog de tareas obligatorio — cada tarea con prioridad (P0–P3), criterio de aceptación, verificación (p. ej. relanzar Lighthouse, una comprobación de cabecera con curl, un verificador de contraste), esfuerzo y riesgo — en lugar de solo una lista de acciones suelta. Además, una tarjeta de resultados SVG compartible (puntuación con fecha, dispositivo/base de datos, las 7 categorías, una línea opcional de Core Web Vitals y el top 3 — honesta: los valores débiles siguen en rojo) mediante un script de renderizado incluido.
• v1.8.022.06.2026Salida nativa de la plataforma: ahora usa activamente el formato nativo de tu plataforma — tablas, listas de control, bloques de código y opciones clicables/botón, con alternativa numerada en plataformas no interactivas. Además, metadatos internos que preparan el próximo constructor de agentes.
• v1.7.018.06.2026Renovado al estándar AUTHORING v2: ejemplos de entrada/respuesta realistas (incl. un caso de calibración), checklist(s) para copiar y evals internas; referencias cruzadas añadidas.
• v1.6.018.06.2026Añadido references/thresholds.md: referencia detallada (divulgación progresiva); el SKILL.md queda conciso.
• v1.5.010.06.2026Ejecución automática con autorización: el skill nombra de forma proactiva los comandos de medición/lectura necesarios (cabeceras curl, API de PageSpeed, opcionalmente npx lighthouse incl. instalación), obtiene UNA VEZ la autorización del usuario (permitir todo o paso a paso; solo sitio autorizado, nada destructivo) y luego se ejecuta de forma autónoma hasta el informe final. Solo recurre a una única consulta de copiar y pegar en hosts que no ejecutan.
• v1.4.010.06.2026Recogida automática de datos con una escala de capacidades: el skill obtiene él mismo los datos de medición cuando el entorno lo permite — API de PageSpeed Insights (un GET devuelve laboratorio + campo CrUX), curl -sIL para cabeceras de respuesta/seguridad, descarga del HTML, opcionalmente la API de SSL Labs y el CLI de Lighthouse; solo como recurso de reserva pide al usuario las salidas (con los comandos exactos). Medido-vs-estimado sigue señalado.
• v1.3.010.06.2026id acortado a «web-vitals». Recomendaciones conscientes del contexto y del riesgo: por corrección una fuerza de recomendación (obligatorio/recomendado/según el caso/opcional) + nota de si tiene sentido en el contexto; cambios que pueden romper (CSP bloquea terceros → probar en Report-Only; HSTS bloquea ante problemas de HTTPS → max-age pequeño; SameSite=Strict rompe cross-site → Lax) con esfuerzo/riesgo y recomendación de staging; no promete nada que pueda romperse.
• v1.2.010.06.2026Nombre de visualización acortado a «Web Vitals»; chuleta de correcciones añadida — cada hallazgo termina con una palanca concreta de una frase (LCP/INP/CLS/TBT/TTFB, a11y, cabeceras de seguridad, SEO, móvil, privacidad); con acceso web/herramientas, búsqueda en vivo opcional de solución para casos especiales.
• v1.1.010.06.2026Ampliado aún más (alineado con PageSpeed Insights y la calculadora de puntuación de Lighthouse): datos de campo (CrUX: LCP/INP/CLS/FCP/TTFB, p75) vs. laboratorio separados; puntuación de rendimiento corregida a Lighthouse 10+ (TBT 30/LCP 25/CLS 25/FCP 10/SI 10, TTI eliminado, curvas log-normales, mediana); Opportunities y Diagnostics (elemento LCP, fuentes de CLS, hilo principal, DOM, TTFB, palancas de INP); móvil primero como principio con justificación (mobile-first indexing) incluso para escritorio; buenas prácticas ampliadas (CSP-contra-XSS, API obsoletas, relación de aspecto de imagen), nota a11y automatizado vs. manual.
• v1.0.010.06.2026Skill de auditoría web completo con 7 categorías de 0 a 100 (rendimiento/Core Web Vitals, accesibilidad WCAG 2.2, buenas prácticas, SEO, seguridad estilo Observatory/SSL Labs, móvil/responsive, privacidad/RGPD). Ponderación Lighthouse, datos campo vs. laboratorio, honestidad medido-vs-estimado, comprobación en vivo con acceso web, acciones priorizadas; solo sitios autorizados, sin pentest.

Preguntas frecuentes