playground

SKILL.md

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.

Crée des terrains de jeux HTML interactifs : des explorateurs de fichiers uniques autonomes qui permettent aux utilisateurs de configurer quelque chose visuellement via des contrôles, de voir un aperçu en direct et de copier une invite. À utiliser lorsque l'utilisateur demande à créer un terrain de jeu, un explorateur ou un outil interactif pour un sujet. Source : anthropics/claude-plugins-official.

Voir l'original