BeClaude

playground

New
Official PluginDevelopmentby Anthropic

Creates interactive HTML playgrounds — self-contained single-file explorers with visual controls, live preview, and prompt output with copy button. Includes templates for design playgrounds, data explorers, concept maps, and document critique.

Install & Usage

1
Create the skills directory
mkdir -p .claude/skills
2
Download the skill file
mkdir -p .claude/skills && curl -o .claude/skills/playground.md https://raw.githubusercontent.com/anthropics/claude-plugins-official/main/plugins/playground/SKILL.md
3
Invoke in Claude Code
/playground
code-reviewdocumentationdesign

Frequently Asked Questions

What is playground?

Creates interactive HTML playgrounds — self-contained single-file explorers with visual controls, live preview, and prompt output with copy button. Includes templates for design playgrounds, data explorers, concept maps, and document critique.

How to install playground?

To install playground, create the .claude/skills directory in your project, then run the curl command to download the skill file. Once installed, invoke it in Claude Code with /playground.

What is playground best for?

playground is a plugin categorized under Development. It is designed for: code-review, documentation, design. Created by Anthropic.