/performance--lazy-load

/performance--lazy-load es una skill de Claude Code de la sección Código. Aplica carga diferida a rutas, componentes, imágenes y módulos para que tu web cargue más rápido al abrirse.

Descripción del autor (traducida)

Implementa carga diferida para rutas, componentes, imágenes y módulos

Cómo pedírselo

/performance--lazy-load carga las imágenes solo cuando entran en pantalla
/performance--lazy-load divide las rutas de mi app para que carguen bajo demanda
/performance--lazy-load aplica lazy loading a este componente pesado

Instalar

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

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

Demo en camino

/performance--memory-leakDetectar fugas de memoria
Busca fugas de memoria en tu código de frontend y backend, explica por qué ocurren y propone el arreglo de cada una.
Hecha aquí
/performance--perf-auditAuditoría de rendimiento
Audita el código de tu backend y frontend en busca de cuellos de botella, y lista cada hallazgo con ubicación, impacto estimado y arreglo.
Hecha aquí
/performance--web-vitalsMejora de Core Web Vitals
Mide LCP, INP y CLS de tu web, diagnostica sus causas en el código y aplica correcciones para cumplir los umbrales recomendados.
Hecha aquí
/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í

Cómo pedírselo

Instalar

Más de esta sección