Skills
.Work. You
Rest

docs-sandpack

Official

Add interactive code examples to React docs.

Software Engineering#mdx#code-examples#documentation-patterns#react-docs#sandpack#interactive-code
Authorreactjs
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Use when you want to embed consistent, interactive code examples in React docs using Sandpack patterns, enabling learners to experiment directly in the docs.

Core Features & Use Cases

  • Sandpack template quick-start snippets for MDX docs
  • Clear guidelines for file naming, line highlighting, and multi-file examples
  • Reusable patterns for active files and hidden content to illustrate concepts safely

Quick Start

Follow the Quick Start to incorporate a Sandpack-driven interactive example into your React documentation page.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: docs-sandpack
Download link: https://github.com/reactjs/it.react.dev/archive/main.zip#docs-sandpack

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.