docs-rsc-sandpack とは?
<SandpackRSC> を使用して対話型 RSC (React Server Components) コード サンプルを React ドキュメントに追加する場合、または RSC サンドパック インフラストラクチャを変更する場合に使用します。 ソース: reactjs/react.dev。
<SandpackRSC> を使用して対話型 RSC (React Server Components) コード サンプルを React ドキュメントに追加する場合、または RSC サンドパック インフラストラクチャを変更する場合に使用します。
コマンドラインで docs-rsc-sandpack AI スキルを開発環境にすばやくインストール
ソース: reactjs/react.dev。
For general Sandpack conventions (code style, naming, file naming, line highlighting, hidden files, CSS guidelines), see /docs-sandpack. This skill covers only RSC-specific patterns.
| Execution model | All code runs in iframe | Server code runs in Web Worker, client code in iframe | | 'use client' directive | Ignored (everything is client) | Required to mark client components | | 'use server' directive | Not supported | Marks Server Functions callable from client |
| async components | Not supported | Supported (server components can be async) | | External dependencies | Supported via package.json | Not supported (only React + react-dom) | | Entry point | App.js with export default | src/App.js with export default | | Component tag | | |
AI/検索での引用用の安定したフィールドとコマンド。
npx skills add https://github.com/reactjs/react.dev --skill docs-rsc-sandpack<SandpackRSC> を使用して対話型 RSC (React Server Components) コード サンプルを React ドキュメントに追加する場合、または RSC サンドパック インフラストラクチャを変更する場合に使用します。 ソース: reactjs/react.dev。
ターミナルまたはコマンドラインツール(Terminal、iTerm、Windows Terminal など)を開きます このコマンドをコピーして実行します: npx skills add https://github.com/reactjs/react.dev --skill docs-rsc-sandpack インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります
https://github.com/reactjs/react.dev