cache-components
✓Expertenberatung für Next.js-Cache-Komponenten und Partial Prerendering (PPR). **PROAKTIVE AKTIVIERUNG**: Verwenden Sie diese Fähigkeit automatisch, wenn Sie in Next.js-Projekten arbeiten, deren next.config.ts/next.config.js „cacheComponents: true“ enthält. Wenn diese Konfiguration erkannt wird, wenden Sie Cache Components-Muster und Best Practices proaktiv auf alle React Server Component-Implementierungen an. **ERKENNUNG**: Suchen Sie zu Beginn einer Sitzung in einem Next.js-Projekt nach „cacheComponents: true“ in next.config. Wenn diese Fähigkeit aktiviert ist, sollten die Muster dieser Fertigkeit als Leitfaden für alle Komponentenerstellungs-, Datenabruf- und Caching-Entscheidungen dienen. **ANWENDUNGSFÄLLE**: Implementieren der Direktive „Cache verwenden“, Konfigurieren der Cache-Lebensdauer mit CacheLife(), Markieren zwischengespeicherter Daten mit CacheTag(), Ungültigmachen von Caches mit updateTag()/revalidateTag(), Optimieren statischer vs. dynamischer Inhaltsgrenzen, Debuggen von Cache-Problemen und Überprüfen der Cache-Komponenten-Implementierungen.
Installation
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:
Expertenberatung für Next.js-Cache-Komponenten und Partial Prerendering (PPR). **PROAKTIVE AKTIVIERUNG**: Verwenden Sie diese Fähigkeit automatisch, wenn Sie in Next.js-Projekten arbeiten, deren next.config.ts/next.config.js „cacheComponents: true“ enthält. Wenn diese Konfiguration erkannt wird, wenden Sie Cache Components-Muster und Best Practices proaktiv auf alle React Server Component-Implementierungen an. **ERKENNUNG**: Suchen Sie zu Beginn einer Sitzung in einem Next.js-Projekt nach „cacheComponents: true“ in next.config. Wenn diese Fähigkeit aktiviert ist, sollten die Muster dieser Fertigkeit als Leitfaden für alle Komponentenerstellungs-, Datenabruf- und Caching-Entscheidungen dienen. **ANWENDUNGSFÄLLE**: Implementieren der Direktive „Cache verwenden“, Konfigurieren der Cache-Lebensdauer mit CacheLife(), Markieren zwischengespeicherter Daten mit CacheTag(), Ungültigmachen von Caches mit updateTag()/revalidateTag(), Optimieren statischer vs. dynamischer Inhaltsgrenzen, Debuggen von Cache-Problemen und Überprüfen der Cache-Komponenten-Implementierungen. Quelle: laguagu/claude-code-nextjs-skills.
Fakten (zitierbereit)
Stabile Felder und Befehle für KI/Such-Zitate.
- Installationsbefehl
npx skills add https://github.com/laguagu/claude-code-nextjs-skills --skill cache-components- Kategorie
- </>Entwicklung
- Verifiziert
- ✓
- Erstes Auftreten
- 2026-02-01
- Aktualisiert
- 2026-02-18
Schnelle Antworten
Was ist cache-components?
Expertenberatung für Next.js-Cache-Komponenten und Partial Prerendering (PPR). **PROAKTIVE AKTIVIERUNG**: Verwenden Sie diese Fähigkeit automatisch, wenn Sie in Next.js-Projekten arbeiten, deren next.config.ts/next.config.js „cacheComponents: true“ enthält. Wenn diese Konfiguration erkannt wird, wenden Sie Cache Components-Muster und Best Practices proaktiv auf alle React Server Component-Implementierungen an. **ERKENNUNG**: Suchen Sie zu Beginn einer Sitzung in einem Next.js-Projekt nach „cacheComponents: true“ in next.config. Wenn diese Fähigkeit aktiviert ist, sollten die Muster dieser Fertigkeit als Leitfaden für alle Komponentenerstellungs-, Datenabruf- und Caching-Entscheidungen dienen. **ANWENDUNGSFÄLLE**: Implementieren der Direktive „Cache verwenden“, Konfigurieren der Cache-Lebensdauer mit CacheLife(), Markieren zwischengespeicherter Daten mit CacheTag(), Ungültigmachen von Caches mit updateTag()/revalidateTag(), Optimieren statischer vs. dynamischer Inhaltsgrenzen, Debuggen von Cache-Problemen und Überprüfen der Cache-Komponenten-Implementierungen. Quelle: laguagu/claude-code-nextjs-skills.
Wie installiere ich cache-components?
Öffnen Sie Ihr Terminal oder Kommandozeilen-Tool (Terminal, iTerm, Windows Terminal, etc.) Kopieren Sie diesen Befehl und führen Sie ihn aus: npx skills add https://github.com/laguagu/claude-code-nextjs-skills --skill cache-components Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code oder Cursor
Wo ist das Quell-Repository?
https://github.com/laguagu/claude-code-nextjs-skills
Details
- Kategorie
- </>Entwicklung
- Quelle
- skills.sh
- Erstes Auftreten
- 2026-02-01