cache-components
✓Orientación de expertos para los componentes de caché de Next.js y la representación previa parcial (PPR). **ACTIVACIÓN PROACTIVA**: utilice esta habilidad automáticamente cuando trabaje en proyectos Next.js que tengan `cacheComponents: true` en su next.config.ts/next.config.js. Cuando se detecte esta configuración, aplique proactivamente los patrones y las mejores prácticas de los componentes de caché a todas las implementaciones de componentes de React Server. **DETECCIÓN**: Al inicio de una sesión en un proyecto Next.js, verifique `cacheComponents: true` en next.config. Si está habilitado, los patrones de esta habilidad deberían guiar todas las decisiones de creación de componentes, obtención de datos y almacenamiento en caché. **CASOS DE USO**: Implementación de la directiva 'usar caché', configuración de la duración de la caché con cacheLife(), etiquetado de datos almacenados en caché con cacheTag(), invalidación de cachés con updateTag()/revalidateTag(), optimización de los límites de contenido estático versus dinámico, depuración de problemas de caché y revisión de implementaciones de componentes de caché.
Instalación
SKILL.md
Auto-activation: This skill activates automatically in projects with cacheComponents: true in next.config.
When starting work in a Next.js project, check if Cache Components are enabled:
If cacheComponents: true is found, apply this skill's patterns proactively when:
Orientación de expertos para los componentes de caché de Next.js y la representación previa parcial (PPR). **ACTIVACIÓN PROACTIVA**: utilice esta habilidad automáticamente cuando trabaje en proyectos Next.js que tengan `cacheComponents: true` en su next.config.ts/next.config.js. Cuando se detecte esta configuración, aplique proactivamente los patrones y las mejores prácticas de los componentes de caché a todas las implementaciones de componentes de React Server. **DETECCIÓN**: Al inicio de una sesión en un proyecto Next.js, verifique `cacheComponents: true` en next.config. Si está habilitado, los patrones de esta habilidad deberían guiar todas las decisiones de creación de componentes, obtención de datos y almacenamiento en caché. **CASOS DE USO**: Implementación de la directiva 'usar caché', configuración de la duración de la caché con cacheLife(), etiquetado de datos almacenados en caché con cacheTag(), invalidación de cachés con updateTag()/revalidateTag(), optimización de los límites de contenido estático versus dinámico, depuración de problemas de caché y revisión de implementaciones de componentes de caché. Fuente: laguagu/claude-code-nextjs-skills.
Datos (listos para citar)
Campos y comandos estables para citas de IA/búsqueda.
- Comando de instalación
npx skills add https://github.com/laguagu/claude-code-nextjs-skills --skill cache-components- Categoría
- </>Desarrollo
- Verificado
- ✓
- Primera vez visto
- 2026-02-01
- Actualizado
- 2026-02-18
Respuestas rápidas
¿Qué es cache-components?
Orientación de expertos para los componentes de caché de Next.js y la representación previa parcial (PPR). **ACTIVACIÓN PROACTIVA**: utilice esta habilidad automáticamente cuando trabaje en proyectos Next.js que tengan `cacheComponents: true` en su next.config.ts/next.config.js. Cuando se detecte esta configuración, aplique proactivamente los patrones y las mejores prácticas de los componentes de caché a todas las implementaciones de componentes de React Server. **DETECCIÓN**: Al inicio de una sesión en un proyecto Next.js, verifique `cacheComponents: true` en next.config. Si está habilitado, los patrones de esta habilidad deberían guiar todas las decisiones de creación de componentes, obtención de datos y almacenamiento en caché. **CASOS DE USO**: Implementación de la directiva 'usar caché', configuración de la duración de la caché con cacheLife(), etiquetado de datos almacenados en caché con cacheTag(), invalidación de cachés con updateTag()/revalidateTag(), optimización de los límites de contenido estático versus dinámico, depuración de problemas de caché y revisión de implementaciones de componentes de caché. Fuente: laguagu/claude-code-nextjs-skills.
¿Cómo instalo cache-components?
Abre tu terminal o herramienta de línea de comandos (Terminal, iTerm, Windows Terminal, etc.) Copia y ejecuta este comando: npx skills add https://github.com/laguagu/claude-code-nextjs-skills --skill cache-components Una vez instalado, el skill se configurará automáticamente en tu entorno de programación con IA y estará listo para usar en Claude Code o Cursor
¿Dónde está el repositorio de origen?
https://github.com/laguagu/claude-code-nextjs-skills
Detalles
- Categoría
- </>Desarrollo
- Fuente
- skills.sh
- Primera vez visto
- 2026-02-01