·docs-sandpack
""

docs-sandpack

reactjs/react.dev

インタラクティブなコード例を React ドキュメントに追加するときに使用します。

8インストール·1トレンド·@reactjs

インストール

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

インタラクティブなコード例を React ドキュメントに追加するときに使用します。 ソース: reactjs/react.dev。

原文を見る

引用可能な情報

AI/検索での引用用の安定したフィールドとコマンド。

インストールコマンド
npx skills add https://github.com/reactjs/react.dev --skill docs-sandpack
カテゴリ
""ライティング
認証済み
初回登録
2026-02-11
更新日
2026-02-18

クイックアンサー

docs-sandpack とは?

インタラクティブなコード例を React ドキュメントに追加するときに使用します。 ソース: reactjs/react.dev。

docs-sandpack のインストール方法は?

ターミナルまたはコマンドラインツール(Terminal、iTerm、Windows Terminal など)を開きます このコマンドをコピーして実行します: npx skills add https://github.com/reactjs/react.dev --skill docs-sandpack インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります

ソースリポジトリはどこですか?

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