metaphor/marketplace

plugin · v1.0.0

playground

Creates interactive HTML playgrounds — self-contained single-file explorers with visual controls, live preview, and prompt output with copy button

  • Curated
  • prototyping
try it

you ›install the playground plugin

metaphor ›Signature and checksum check out. Installed playground 1.0.0.

you ›/playground

The skill inside

About

Creates interactive HTML playgrounds — self-contained single-file explorers that let users configure something visually through controls, see a live preview, and copy out a prompt.

What is a Playground?

A playground is a self-contained HTML file with:

  • Interactive controls on one side
  • A live preview on the other
  • A prompt output at the bottom with a copy button

The user adjusts controls, explores visually, then copies the generated prompt back into Claude.

When to Use

Use this plugin when the user asks for an interactive playground, explorer, or visual tool for a topic — especially when the input space is large, visual, or structural and hard to express as plain text.

Templates

The skill includes templates for common playground types:

  • design-playground — Visual design decisions (components, layouts, spacing, color, typography)
  • data-explorer — Data and query building (SQL, APIs, pipelines, regex)
  • concept-map — Learning and exploration (concept maps, knowledge gaps, scope mapping)
  • document-critique — Document review (suggestions with approve/reject/comment workflow)

Installation

Add this plugin to your Claude Code configuration to enable the playground skill.

Questions

What does the playground plugin do?

Creates interactive HTML playgrounds — self-contained single-file explorers with visual controls, live preview, and prompt output with copy button

How do I install playground in Metaphor?

Ask the agent: "install the playground plugin". Metaphor downloads it from the signed catalog, checks the signature and checksum, and shows you what it can access before it turns on.

What can playground access?

It only adds instructions for the agent and does not run anything on your computer.

Which skills come with playground?

/playground. After installing, type one in the composer or describe the task and Metaphor picks the right skill.

Who made playground?

It is adapted from Anthropic's https://github.com/anthropics/claude-plugins-official under the Apache-2.0 license, reviewed and packaged for Metaphor. It is not endorsed by the original authors.

You might also like