rsc-streaming-performance

Community

Speed up RSC streaming with targeted fixes.

Authorraingernx
Version1.0.0
Installs0

System Documentation

What problem does it solve?

RSC streaming performance is often hindered by serial data fetches, poorly placed Suspense boundaries, and caching gaps that cause content to appear late and on error-prone cold starts.

Core Features & Use Cases

  • Phase-based bottleneck diagnosis: read the page's server/component tree to identify serial awaits, waterfall data fetches, and caching gaps that slow rendering.
  • Suspense decomposition patterns: split slow components into a sync shell and an async subtree wrapped in Suspense to stream content progressively.
  • Redis cross-instance caching guidance: recommend rememberJson usage and proper cache keys to reduce bimodal latency while avoiding stale data.
  • Use Case: On a production Next.js App Router page with multiple independent data fetches, apply this skill to reduce p95 latency and improve first contentful paint.

Quick Start

Audit a slow page by mapping the server component tree, identify serial awaits, and implement parallel data fetches with Suspense boundaries.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: rsc-streaming-performance
Download link: https://github.com/raingernx/KRUKRAFT/archive/main.zip#rsc-streaming-performance

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.