Créer des Playgrounds avec Claude Code

Nous avons publié un nouveau plugin Claude Code appelé playground qui aide Claude à générer des bacs à sable HTML. Ce sont des fichiers HTML autonomes qui vous permettent de visualiser un problème avec Claude, d'interagir avec lui et d'obtenir un prompt de sortie à coller dans Claude Code.

J'ai trouvé que cela peut être très utile pour interagir avec le modèle de manières qui ne conviennent pas bien au texte, par exemple pour :

• Visualiser l'architecture de la base de code
• Ajuster le design d'un composant
• Brainstormer la mise en page et le design
• Ajuster l'équilibre d'un jeu

Pour commencer, installez le plugin dans Claude Code en exécutant les commandes suivantes :

**/plugin marketplace update claude-plugins-official

/plugin install playground@claude-plugins-official

Voici quelques-uns de mes playgrounds préférés que j'ai créés :

**

Modifier le design de l'outil AskUserQuestion dans Claude Code

**prompt : « Utilisez la compétence playground pour créer un playground qui m'aide à explorer de nouvelles modifications de mise en page pour l'outil AskUserQuestion »

**

Critiquer votre écriture et obtenir une réponse

**prompt : « Utilisez la compétence playground pour réviser mon SKILL.MD et me donner des suggestions en ligne que je peux approuver, rejeter ou commenter »

**

Ajuster une intro vidéo Remotion

**prompt : « Utilisez la compétence playground pour ajuster mon écran d'introduction afin qu'il soit plus intéressant et agréable »

**

Visualiser un diagramme d'architecture et permettre à l'utilisateur de commenter

**prompt : « Utilisez la compétence playground pour montrer comment fonctionne cette base de code d'agent email et me permettre de commenter des nœuds particuliers de l'architecture pour poser des questions, faire des modifications, etc. »

**

Équilibrer le jeu de type Rogue-like Superhero que je suis en train de créer

**prompt : « Utilisez la compétence playground pour m'aider à équilibrer le deck du héros 'Inferno' »

0:24

Impatient de voir comment vous allez explorer tout cela !

Mon conseil pour créer un playground intéressant : pensez à une façon unique d'interagir avec le modèle, puis demandez-lui de l'exprimer. Je pense que vous pourriez trouver cela surprenant.

Si vous créez quelque chose de cool, n'hésitez pas à le partager !