À utiliser lors de l'ajout d'exemples de code interactifs RSC (React Server Components) aux documents React à l'aide de <SandpackRSC>, ou lors de la modification de l'infrastructure du sandpack RSC.
Installez rapidement le skill IA docs-rsc-sandpack dans votre environnement de développement via la ligne de commande
Source : 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 | | |
Champs et commandes stables pour les citations IA/recherche.
npx skills add https://github.com/reactjs/react.dev --skill docs-rsc-sandpackÀ utiliser lors de l'ajout d'exemples de code interactifs RSC (React Server Components) aux documents React à l'aide de <SandpackRSC>, ou lors de la modification de l'infrastructure du sandpack RSC. Source : reactjs/react.dev.
Ouvrez votre terminal ou outil de ligne de commande (Terminal, iTerm, Windows Terminal, etc.) Copiez et exécutez cette commande : npx skills add https://github.com/reactjs/react.dev --skill docs-rsc-sandpack Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code, Cursor ou OpenClaw
https://github.com/reactjs/react.dev