Claude Skill: Wissenschaften automatisiert mit einem interaktiven Widget visualisieren

 Freie Beitragsnutzung mit einem Unidigital-Zugang

Claude Skills sind Anweisungen, die direkt in den Chat geladen werden und das Verhalten des Chatbots vorübergehend beeinflussen. So kann Claude seinen Stil ändern und etwa als kritischer Sparringspartner auftreten oder automatisch eine interaktive Grafik generieren, um ein Thema gezielt zu visualisieren. Solche interaktiven Anwendungen werden auch als Widgets bezeichnet.

Es gibt unter anderem die Möglichkeit, einen Skill gemeinsam mit Claude zu erstellen. Hier kommt der interne „Skill-Creator“ zum Einsatz, der mich Schritt für Schritt zur gewünschten Anweisung führen soll. In der Promptleiste klicke ich hierfür auf das Plus-Symbol, anschließend auf „Skills“ und die Auswahl „Fähigkeiten verwalten“.

Anschließend öffnet sich ein Fenster, das alle verfügbaren Skills auflistet. Hierzu zählen sowohl die eigens erstellten Anweisungen als auch die von Anthropic entwickelten Skills. Ganz unten in der Übersicht wird der Skill „Wissenschafts-Entwickler (Neu)“ angezeigt, der im Rahmen dieses Beitrags erstellt und veröffentlicht wird. Um den Entwicklungsprozess zu starten, wird oben rechts auf den Button „Hinzufügen“ und auf den Punkt „Mit Claude erstellen“ geklickt.

Nun fügt Claude automatisch die Aufforderung „Let’s create a skill together…“ in ein normales Chatfenster ein. Zusätzlich kann ich formulieren, welchen Skill ich gerne erstellen möchte. Im Beispiel sollen wissenschaftliche Themen mit einer interaktiven Grafik anschaulich visualisiert werden, um den generierten Text durch ein ergänzendes Lernformat zu erweitern.

Prompt:

Ich möchte einen Skill erstellen, der mir bei wissenschaftlichen Themen hilft und immer eine geeignete interaktive Grafik visualisiert, die zu Beginn ausgegeben wird. Was hältst du davon?

Nach einer Reihe von Fragen zur Funktionalität der interaktiven Grafik, die auch als Widget bezeichnet wird, testet Claude den Skill mit drei Testfragen. Für jede Testfrage wird ein geeignetes Widget in den Chat geladen, das ich über Buttons und Regler bedienen kann, um etwa spielerisch zu verstehen, wie ein gedämpftes Pendel funktioniert.

Der Test war erfolgreich! Nun ist meine Zustimmung erforderlich, um den Skill zu erstellen und anschließend zu veröffentlichen. Hierzu kann ich einen Prompt wie ***Ja, der Skill gefällt mir gut. Nun erstelle ihn*** einfügen und diesen mit Enter absenden. Claude erstellt nun eine eigene Markdown-Datei für die Anweisung, die ich jederzeit einsehen und herunterladen kann. 

Skill:

Wissenschafts-Visualisierer
Worum es geht

Wissenschaftliche und technische Konzepte lassen sich oft viel schneller verstehen, wenn man an den Parametern selbst herumspielen kann, statt nur eine Erklärung zu lesen. Deshalb soll bei diesem Skill nicht nur erklärt, sondern zuerst gezeigt und erlebbar gemacht werden: ein interaktives Widget, mit dem die Nutzerin oder der Nutzer das Konzept selbst erkunden kann (Schieberegler verändern, Werte eingeben, eine Simulation laufen lassen, Schritt für Schritt durchklicken).

Wichtig: Es geht um ein interaktives Widget, nicht um ein statisches Bild oder Diagramm. Wenn eine Frage auch mit einem einfachen Standbild oder Flussdiagramm gut bedient wäre, ist trotzdem die interaktive Variante die Zielvorgabe dieses Skills — baue also wo immer möglich mindestens ein bedienbares Element ein (Regler, Eingabefeld, Play/Step-Button, Toggle).

Ablauf
Thema erkennen. Identifiziere das zugrundeliegende Konzept, das erklärt werden soll (z.B. "gedämpfte Schwingung", "Bayes-Theorem", "Diffusion durch eine Zellmembran", "Rekursion", "SN2-Reaktion").
Widget zuerst. Rufe visualize:read_me mit modules: ["interactive"] still im Hintergrund auf (nicht erwähnen, dass du das tust), und erzeuge dann mit visualize:show_widget ein interaktives HTML-Widget, das die zentrale Idee des Konzepts steuerbar macht. Das Widget soll am Anfang deiner Antwort erscheinen, vor der Texterklärung — nicht danach. Falls der Visualizer-Tool in der aktuellen Umgebung nicht verfügbar ist, baue stattdessen ein interaktives React-Artifact (mit useState für die steuerbaren Parameter) als Fallback.

Kurze Texterklärung danach. Nach dem Widget folgt eine prägnante, inhaltlich korrekte Erklärung des Konzepts in Prosa — keine Überschriften-lastige Report-Struktur, sondern ein natürlicher, erklärender Text, wie ihn ein guter Tutor sprechen würde. Der Text darf sich explizit auf das Widget beziehen ("Wenn du oben die Dämpfung erhöhst, siehst du...").

Danach ggf. vertiefen. Wenn die Frage komplex ist (Herleitung, mehrere Teilaspekte, Formeln), kannst du nach der ersten Erklärung weitere Details, Formeln oder Beispiele ergänzen. Das Widget bleibt aber der Einstieg.

Was ein gutes Widget für dieses Thema ausmacht
Mindestens 1-3 steuerbare Parameter, die den zentralen Trade-off oder Mechanismus des Konzepts sichtbar machen (z.B. bei einem Pendel: Länge, Dämpfung, Startauslenkung; bei einer Normalverteilung: Mittelwert, Standardabweichung; bei einem Sortieralgorithmus: Array-Größe, Play/Step/Reset).
Sofortiges visuelles Feedback, wenn ein Parameter verändert wird — kein Klick auf "Berechnen" nötig, wenn es sich vermeiden lässt.

Beschriftete Achsen/Werte, damit die Grafik nicht nur hübsch, sondern auch quantitativ lesbar ist.
Auf das Wesentliche reduziert. Es ist besser, einen Mechanismus wirklich klar und spielbar zu zeigen, als zehn Aspekte gleichzeitig unterzubringen. Bei mehrteiligen Themen: das zentralste, am wenigsten intuitive Teilkonzept auswählen.
Lade vor dem Bau immer das passende read_me-Modul (interactive, ggf. zusätzlich chart bei quantitativen Daten oder diagram bei Abläufen/Strukturen), damit Farben, Maße und technische Vorgaben eingehalten werden.

Wann eher kein (oder ein anderes) Widget sinnvoll ist
Reine Faktenfragen ohne erklärbaren Mechanismus (z.B. "Wie heißt das Element mit Ordnungszahl 6?") brauchen kein Widget — hier reicht eine normale, kurze Antwort.

Wenn der Nutzer explizit nur Text, eine Formel oder eine Quelle will ("nur kurz die Formel bitte", "keine Grafik"), respektiere das und verzichte auf das Widget.

Bei sehr langen Herleitungen mit vielen Zwischenschritten kann zusätzlich zum Eingangs-Widget ein Diagramm (diagram-Modul) für den Ablauf sinnvoll sein — das Erklär-Widget bleibt aber der Einstieg.
Beispiele für Konzept → Widget-Idee

Zentraler Grenzwertsatz: Regler für Anzahl Stichproben/Stichprobengröße + Ausgangsverteilung wählen, live Histogramm der Mittelwerte.

RC-Schaltkreis (Kondensator lädt/entlädt): Regler für Widerstand R und Kapazität C, Spannungskurve über Zeit live zeichnen.

Osmose/Diffusion: Regler für Konzentrationsunterschied, Animation von Teilchen durch eine Membran.
Rekursion (z.B. Türme von Hanoi): Regler für Anzahl Scheiben, Play/Step-Button, der die Zugfolge animiert.

Säure-Base-Titration: Regler für zugegebenes Volumen Base, live pH-Kurve.

Nutze diese als Inspiration für den Stil, nicht als feste Liste — für das tatsächliche Thema der Anfrage immer ein eigenes, passendes Widget entwerfen.

Der obere Screenshot zeigt die Datei SKILL.md und den enthaltenen Text, der die Aufgabe und Funktionalität der Anweisung genau beschreibt. Insbesondere der Absatz mit dem Titel „Was ein gutes Widget zu diesem Thema ausmacht“ ist von zentraler Bedeutung und lässt sich jederzeit über Folgeprompts anpassen. Ein Vorteil einer MD‑Datei etwa im Vergleich zu einem neu aufgesetzten Custom-Bot mit eigenem Interface ist die geringe Größe. Die Nutzung eines „schlanken“ Skills erweist sich insgesamt als ressourcensparender.

Um den Skill direkt in einem Chat auszuprobieren, klicke ich in der Promptleiste auf das „Plus-Symbol“, danach auf den Punkt „Skill“ und wähle im Anschluss in der Liste die neu erstellte Anweisung „Wissenschafts-Visualisierer“ aus. Der Skill wird nun in blauer Schrift im Chat angezeigt und hebt sich farblich gut vom Prompt ab. Zusätzlich füge ich den einfachen Prompt ***Erkläre mir tektonische Plattenverschiebungen*** hinzu.

Anschließend öffnet Claude genau diesen Skill und gibt direkt zu Beginn im Chat ein interaktives Widget aus. Über Elemente wie Buttons und Regler kann ich die unterschiedlichen Arten von tektonischen Plattenverschiebungen anschaulich darstellen. Unter der Grafik wird ein erklärender Text ausgegeben. Der Skill wurde somit erfolgreich umgesetzt. Super!

Theoretisch ließen sich im Laufe eines Chats noch weitere Skills hinzufügen, um ein naturwissenschaftliches Thema innerhalb eines Claude-Chats mit weiteren Formaten bestmöglich zu erklären. Viel Erfolg beim Testen eurer Anweisungen!