¿Qué es docs-rsc-sandpack?
Úselo cuando agregue ejemplos de código RSC (React Server Components) interactivo a los documentos de React usando <SandpackRSC>, o cuando modifique la infraestructura de RSC sandpack. Fuente: reactjs/react.dev.
Úselo cuando agregue ejemplos de código RSC (React Server Components) interactivo a los documentos de React usando <SandpackRSC>, o cuando modifique la infraestructura de RSC sandpack.
Instala rápidamente el skill de IA docs-rsc-sandpack en tu entorno de desarrollo mediante línea de comandos
Fuente: 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 | | |
Campos y comandos estables para citas de IA/búsqueda.
npx skills add https://github.com/reactjs/react.dev --skill docs-rsc-sandpackÚselo cuando agregue ejemplos de código RSC (React Server Components) interactivo a los documentos de React usando <SandpackRSC>, o cuando modifique la infraestructura de RSC sandpack. Fuente: reactjs/react.dev.
Abre tu terminal o herramienta de línea de comandos (Terminal, iTerm, Windows Terminal, etc.) Copia y ejecuta este comando: npx skills add https://github.com/reactjs/react.dev --skill docs-rsc-sandpack Una vez instalado, el skill se configurará automáticamente en tu entorno de programación con IA y estará listo para usar en Claude Code, Cursor u OpenClaw
https://github.com/reactjs/react.dev