·docs-sandpack
""

docs-sandpack

reactjs/react.dev

Úselo al agregar ejemplos de código interactivo a documentos de React.

8Instalaciones·1Tendencia·@reactjs

Instalación

$npx skills add https://github.com/reactjs/react.dev --skill docs-sandpack

SKILL.md

| `js | Main file (no prefix) | | `js src/FileName.js | Supporting files | | `js src/File.js active | Active file (reference pages) | | `js src/data.js hidden | Hidden files | | `css | CSS styles | | `json package.json | External dependencies |

function Example() { // Lines 2-4 // will be // highlighted return null; }

// 🚫 This will cause hydration warnings export default function App() { const isClient = typeof window !== 'undefined'; return {isClient ? 'Client' : 'Server'} ; }

Úselo al agregar ejemplos de código interactivo a documentos de React. Fuente: reactjs/react.dev.

Ver original

Datos (listos para citar)

Campos y comandos estables para citas de IA/búsqueda.

Comando de instalación
npx skills add https://github.com/reactjs/react.dev --skill docs-sandpack
Categoría
""Escritura
Verificado
Primera vez visto
2026-02-11
Actualizado
2026-02-18

Respuestas rápidas

¿Qué es docs-sandpack?

Úselo al agregar ejemplos de código interactivo a documentos de React. Fuente: reactjs/react.dev.

¿Cómo instalo docs-sandpack?

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-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 o Cursor

¿Dónde está el repositorio de origen?

https://github.com/reactjs/react.dev