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.
Crea parchi giochi HTML interattivi: esploratori a file singolo autonomi che consentono agli utenti di configurare qualcosa visivamente tramite controlli, visualizzare un'anteprima dal vivo e copiare un prompt. Da utilizzare quando l'utente chiede di creare un parco giochi, un esploratore o uno strumento interattivo per un argomento. Fonte: anthropics/claude-plugins-official.