Skills
.Work. You
Rest

docs-rsc-sandpack

Official

Interactive RSC code examples

Software Engineering#documentation#interactive#code examples#rsc#sandpack#react server components
Authorreactjs
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill enables the creation and modification of interactive React Server Component (RSC) code examples within documentation, streamlining the process of showcasing modern React features.

Core Features & Use Cases

  • RSC Sandpack Integration: Embeds runnable RSC code snippets directly into documentation pages using the <SandpackRSC> component.
  • Server/Client Component Delineation: Clearly defines how server and client code interact within the Sandpack environment, supporting 'use client' and 'use server' directives.
  • Async Component Support: Facilitates examples of asynchronous server components and Suspense.
  • Server Functions (Actions): Demonstrates the implementation and usage of server-side functions callable from client components.
  • Use Case: When documenting new React features that rely on Server Components, use this Skill to provide live, interactive examples that developers can immediately experiment with.

Quick Start

Add an interactive React Server Component example using the docs-rsc-sandpack skill.

Dependency Matrix

Required Modules

None required

Components

scripts

💻 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: docs-rsc-sandpack
Download link: https://github.com/reactjs/sw.react.dev/archive/main.zip#docs-rsc-sandpack

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 223,000+ vetted skills library on demand.