·docs-sandpack
""

docs-sandpack

reactjs/react.dev

À utiliser lors de l'ajout d'exemples de code interactifs aux documents React.

8Installations·1Tendance·@reactjs

Installation

$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'} ; }

À utiliser lors de l'ajout d'exemples de code interactifs aux documents React. Source : reactjs/react.dev.

Voir l'original

Faits (prêts à citer)

Champs et commandes stables pour les citations IA/recherche.

Commande d'installation
npx skills add https://github.com/reactjs/react.dev --skill docs-sandpack
Catégorie
""Rédaction
Vérifié
Première apparition
2026-02-11
Mis à jour
2026-02-18

Réponses rapides

Qu'est-ce que docs-sandpack ?

À utiliser lors de l'ajout d'exemples de code interactifs aux documents React. Source : reactjs/react.dev.

Comment installer docs-sandpack ?

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-sandpack Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code ou Cursor

Où se trouve le dépôt source ?

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