Playgrounds erstellen mit Claude Code

Wir haben ein neues Claude Code Plugin namens playground veröffentlicht, mit dem Claude HTML-Playgrounds erstellen kann. Dabei handelt es sich um eigenständige HTML-Dateien, mit denen du ein Problem mit Claude visualisieren, interagieren und eine Ausgabeaufforderung erhalten kannst, die du zurück in Claude Code einfügen kannst.

Ich habe festgestellt, dass dies besonders gut funktioniert, wenn man mit dem Modell auf eine Weise interagiert, die sich nicht für Text eignet, zum Beispiel:

• Die Architektur der Codebasis visualisieren
• Das Design einer Komponente anpassen
• Layout und Design brainstormen
• Die Balance eines Spiels optimieren

Um loszulegen, installiere das Plugin in Claude Code mit den folgenden Befehlen:

**/plugin marketplace update claude-plugins-official

/plugin install playground@claude-plugins-official**

Hier sind einige meiner Lieblings-Playgrounds, die ich erstellt habe:

**

Ändern des Designs des AskUserQuestion-Tools in Claude Code

**prompt: „Verwende die Playground-Fähigkeit, um einen Playground zu erstellen, der mir hilft, neue Layout-Änderungen für das AskUserQuestion-Tool zu erkunden."

**

Dein Schreiben kritisieren und eine Antwort erhalten

**prompt: „Verwende die Playground-Fähigkeit, um mein SKILL.MD zu überprüfen und mir Inline-Vorschläge zu geben, die ich genehmigen, ablehnen oder kommentieren kann."

**

Anpassen einer Remotion-Video-Einführung

**prompt: „Verwende die Playground-Fähigkeit, um meinen Einführungsbildschirm interessanter und ansprechender zu gestalten."

**

Anzeigen eines Architekturdiagramms und Kommentieren durch den Benutzer

**prompt: „Verwende die Playground-Fähigkeit, um zu zeigen, wie diese E-Mail-Agent-Codebasis funktioniert, und lass mich bestimmte Knoten in der Architektur kommentieren, um Fragen zu stellen, Änderungen vorzunehmen usw."

**

Die Balance des Superhelden-Rogue-like-Spiels, das ich mache, optimieren

**prompt: „Verwende die Playground-Fähigkeit, um mir zu helfen, das Deck des ‚Inferno‘-Helden auszugleichen."

0:24

Ich bin gespannt, wie ihr das alle erkundet!

Mein Tipp für die Erstellung eines interessanten Playgrounds: Denk dir eine einzigartige Art der Interaktion mit dem Modell aus und bitte es dann, das umzusetzen. Ich denke, das könnte dich überraschen.

Wenn du etwas Cooles machst, teile es bitte!