docs-sandpack
✓インタラクティブなコード例を React ドキュメントに追加するときに使用します。
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
詳細
- カテゴリ
- ""ライティング
- ソース
- skills.sh
- 初回登録
- 2026-02-11