/performance--web-vitals

/performance--web-vitals es una skill de Claude Code de la sección Código. Mide LCP, INP y CLS de tu web, diagnostica sus causas en el código y aplica correcciones para cumplir los umbrales recomendados.

Descripción del autor (traducida)

Core Web Vitals: mide LCP/INP/CLS, diagnostica las causas y corrígelas con cambios de código

Cómo pedírselo

/performance--web-vitals mide los Core Web Vitals de mi web
/performance--web-vitals por qué mi LCP es tan alto
/performance--web-vitals arregla el CLS que me penaliza en Google

Instalar

curl -fsSL https://raw.githubusercontent.com/sgomez-dev/claude-skills/main/install.sh | bash

Tras instalar con el script, escribe /performance--web-vitals. ¿Usas Cursor, Windsurf o Codex? Guías por plataforma

Demo en camino

/scaffold--componentComponente de interfaz completo
Genera un componente React, Vue o Svelte según las convenciones de tu proyecto, con tipos, estilos, tests e historia de Storybook.
Hecha aquí
/scaffold--component-3dComponente 3D para la web
Genera un componente 3D con React Three Fiber, Three.js o Babylon.js, con tipos, animaciones y controles, adaptado a tu proyecto.
Hecha aquí
/scaffold--fullstackFuncionalidad full-stack completa
Crea una funcionalidad de punta a punta: migración, modelo, API, cliente tipado, pantallas de interfaz y tests, siguiendo tu proyecto.
Hecha aquí
/scaffold--hookHook personalizado de React
Genera un hook personalizado de React con tipos, limpieza de efectos, gestión de errores, tests y un ejemplo de uso.
Hecha aquí
/scaffold--middlewareMiddleware para tu backend
Genera middleware para autenticación, autorización, validación, logs, límite de peticiones o errores, en el framework web de tu proyecto.
Hecha aquí
/scaffold--modelModelo de datos con validación
Genera un modelo de datos con validaciones, relaciones, serialización, migración y datos de prueba, según el ORM que use tu proyecto.
Hecha aquí

Cómo pedírselo

Instalar

Más de esta sección