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:

Optimize Next.js App Router data fetching by converting slow client-side fetching to fast server-side fetching using React Server Components (RSC). Use when: - User reports slow initial page load with loading spinners - Page uses useEffect + useState for data fetching - StoreContext/useStore pattern causes waterfall fetching - Need to improve SEO (content not in initial HTML) - Converting "use client" pages to Server Components Triggers: "slow loading", "optimize fetching", "SSR data", "RSC optimization", "remove loading spinner", "server-side fetch", "convert to server component", "data fetch lambat", "loading lama" Source: julianromli/ai-skills.

Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/julianromli/ai-skills --skill rsc-data-optimizer Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code or Cursor

View raw