rsc-data-optimizer

SKILL.md

Optimize slow client-side data fetching to instant server-side rendering.

Move sections with useInView, useState, onClick to separate Client Components:

Optimieren Sie den Datenabruf des Next.js App Routers durch Konvertierung langsamer Client-Seite vom schnellen serverseitigen Abrufen mit React Server Components (RSC). Verwenden Sie, wenn: – Benutzer meldet langsames Laden der ersten Seite mit Lade-Spinnern – Die Seite verwendet useEffect + useState zum Datenabruf – Das StoreContext/useStore-Muster verursacht einen Wasserfallabruf - SEO muss verbessert werden (Inhalt nicht im ursprünglichen HTML enthalten) - Konvertieren von „Client verwenden“-Seiten in Serverkomponenten Auslöser: „langsames Laden“, „Abruf optimieren“, „SSR-Daten“, „RSC-Optimierung“, „Ladespinner entfernen“, „Serverseitiger Abruf“, „In Serverkomponente konvertieren“, „Datenabruf-Lambat“, „Lade-Lama“ Quelle: julianromli/ai-skills.

Ö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/julianromli/ai-skills --skill rsc-data-optimizer Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code oder Cursor

Original anzeigen