agent template

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.

Anthropic0+ installsVetted

Install

Run this command

/plugin marketplace add anthropics/claude-plugins-official /plugin install playground@claude-plugins-official

Works with

claude code

Manual steps

In Claude Code, add the official marketplace once with `/plugin marketplace add anthropics/claude-plugins-official`, then install this plugin with `/plugin install playground@claude-plugins-official`.

View source
By Anthropic

Frequently asked questions

What is the Playground agent template?

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 do I install Playground?

Run this in your terminal:

/plugin marketplace add anthropics/claude-plugins-official /plugin install playground@claude-plugins-official
Which AI tools does Playground work with?

It works with claude_code.

Who made Playground?

Anthropic.

Is Playground free?

Yes, it is free to use.

Related assets

More curated picks in Development & Code.

All Playground alternatives →
agent templateclaude_code
/plugin marketplace add anthropics/claude-plugins-official
/plugin install lua-lsp@claude-plugins-official
Lua Lsp
Lua language server for code intelligence0+
agent templateclaude_code
/plugin marketplace add anthropics/claude-plugins-official
/plugin install jdtls-lsp@claude-plugins-official
Jdtls Lsp
Java language server (Eclipse JDT.LS) for code intelligence0+
agent templateclaude_code
/plugin marketplace add anthropics/claude-plugins-official
/plugin install csharp-lsp@claude-plugins-official
Csharp Lsp
C# language server for code intelligence0+
agent templateclaude_code
/plugin marketplace add anthropics/claude-plugins-official
/plugin install feature-dev@claude-plugins-official
Feature Dev
Comprehensive feature development workflow with specialized agents for codebase exploration, architecture design, and quality review0+
agent templateclaude_code
/plugin marketplace add anthropics/claude-plugins-official
/plugin install agent-sdk-dev@claude-plugins-official
Agent Sdk Dev
Development kit for working with the Claude Agent SDK0+
agent templateclaude_code
/plugin marketplace add anthropics/claude-plugins-official
/plugin install claude-security@claude-plugins-official
Claude Security
Deep vulnerability scanning of your own code, run entirely inside your Claude Code session at a chosen effort tier, with every finding challenged befo…0+

Audit before you install

Run any source through our checks - AI visibility, security, performance, and stack detection.

Automated Web Security Scan

security

PageSpeed Analyzer

performance

AI Content Quality Test

arabic content

AI Agent / MCP Server Tester

ai testing

Site Stack Detector

migration

AI SEO / AEO / GEO Audit

ai visibility

llms.txt Generator

ai visibility

Readability Score

arabic content

Schema / JSON-LD Builder

ai visibility

AI Cost Calculator

ai testing

Headline Analyzer

arabic content

More in Development & Code