A playground is a self-contained HTML file with interactive controls on one side, a live preview on the other, and 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 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.
Keep a single state object. Every control writes to it, every render reads from it.
Создает интерактивные HTML-площадки — автономные однофайловые проводники, которые позволяют пользователям настраивать что-то визуально с помощью элементов управления, просматривать предварительный просмотр в реальном времени и копировать подсказки. Используйте, когда пользователь просит создать игровую площадку, проводник или интерактивный инструмент по теме. Источник: anthropics/claude-plugins-official.