---
title: "Fable Studio für Claude — Ein Satz, und Claude baut dir eine 3D-Welt, einen Kurzfilm oder eine Zeitreise."
description: "Ein kostenloser Claude-Skill, der aus einem einzigen Satz ein fertiges 3D-Erlebnis baut: mit Licht, Kamerafahrt, Bewegung und eigenem Ton. Drei Modi, Installation in der Claude-App und in Claude Code, Beispiel-Sätze zum Kopieren und der Aufnahme-Modus für Reels."
category: guides
date: 2026-11-10
canonical: https://thanisch.co/wissen/guides/fable-studio-skill
url: https://thanisch.co/wissen/guides/fable-studio-skill
---
# Fable Studio für Claude — Ein Satz, und Claude baut dir eine 3D-Welt, einen Kurzfilm oder eine Zeitreise.
- Was der Skill aus einem einzigen Satz baut
- Die drei Modi: Welt, Film und Zeitreise
- Den Skill in der Claude-App oder in Claude Code installieren
- Beispiel-Sätze, die du direkt kopieren kannst
- Aus dem Ergebnis ein Video fürs Hochformat machen
> **Kurz gesagt**
> Fable Studio ist ein kostenloser Skill für Claude. Du schreibst einen Satz wie „Baue eine interaktive 3D-Cyberpunk-Straße in Tokio“, und Claude baut daraus eine fertige Webseite mit 3D-Szene, Licht, Kamerafahrt und eigenem Ton. *Kein langer Prompt, keine Programmierkenntnisse, ein Satz reicht.*
Im Reel hast du gesehen, wie aus einem kurzen Satz eine ganze Cyberpunk-Straße entsteht: Regen, Neonschilder, fahrende Autos, Musik. Der Aufwand dahinter steckt nicht im Prompt, sondern in der Arbeitsweise. Genau die habe ich in diesen Skill gepackt. Er sagt Claude, wie es aus einem Satz einen vollständigen Entwurf macht, welche Bausteine es verwendet und woran es ein fertiges Ergebnis erkennt.
## Was der Skill macht
Der Skill hat drei Modi. Claude wählt den passenden selbst, je nachdem, was du schreibst.
### 1. Welt
Eine interaktive 3D-Szene zum Umsehen: eine Straße, eine Landschaft, ein Planet. Du ziehst zum Umsehen, scrollst für das Tempo und tippst für eine Reaktion, etwa einen Blitz mit Donner.
### 2. Film
Ein selbstablaufender Kurzfilm von etwa einer Minute, mit Titeltafel, Kamerafahrten, Untertiteln und Musik, die mit der Geschichte wächst. Funktioniert auch mit trockenen Themen wie „ein Punkt“ oder „die Zahl Pi“.
### 3. Zeitreise
Eine Fahrt entlang einer Zeitachse: sieben bis zehn Stationen, jede mit eigener kleiner 3D-Szene, Jahreszahl und Erklärung. Läuft von selbst, du kannst aber auch auf der Achse springen.
So sehen die Ergebnisse aus. Jedes ist eine einzige HTML-Datei, die im Browser läuft, auch auf dem Handy:
- **Welt:** [Neon-Regen in Tokio](https://thanisch.co/demos/fable-studio/welt-tokio.html)
- **Film:** [Der Punkt, ein Kurzfilm](https://thanisch.co/demos/fable-studio/film-punkt.html)
- **Zeitreise:** [3,3 Millionen Jahre Menschheit](https://thanisch.co/demos/fable-studio/zeitreise-menschheit.html)
Auf „Starten“ klicken, dann läuft auch der Ton.
## Was du brauchst
- Ein Claude-Konto. Skills gibt es in allen Tarifen: Free, Pro, Max, Ultra, Team und Enterprise.
- Eingeschaltete Code-Ausführung. Ohne sie zeigt Claude keine Skills an (siehe Installation).
- Je stärker das Modell, desto besser das Ergebnis. Nimm das stärkste, das dein Tarif hergibt.
## Installation in der Claude-App
### 1. ZIP herunterladen
Lade [fable-studio.zip](https://github.com/Ultra-Smashed/fable-studio/raw/main/fable-studio.zip) herunter. Nicht entpacken, Claude will die ZIP-Datei.
### 2. Code-Ausführung einschalten
In Claude unter **Settings → Capabilities** den Schalter **Code execution and file creation** einschalten. In der neueren Ansicht heißt er **Create and edit files**.
### 3. Skill hochladen
**Customize → Skills** öffnen, auf **+** klicken, dann **Create skill → Upload a skill** und die ZIP-Datei auswählen. Danach steht Fable Studio in deiner Skill-Liste und ist eingeschaltet.
Die Menünamen stehen hier so, wie Anthropic sie in der Hilfe nennt. In der deutschen Oberfläche können sie übersetzt sein. In Team- und Enterprise-Konten muss der Besitzer der Organisation Skills und Code-Ausführung erlaubt haben.
## Installation in Claude Code
Als Plugin, mit zwei Befehlen in Claude Code:
**Claude Code**
```
Oder den Ordner direkt in deine Skills kopieren:
Hast du den Skill schon in der Claude-App hochgeladen und nutzt Claude Code mit demselben Konto, ist er dort ab Version 2.1.273 automatisch da.
Der Unterschied zur App: In Claude Code kann Claude das Ergebnis selbst im Browser starten, Fehler auslesen und nachbessern, bevor du es siehst. Dafür braucht es Playwright (npm i -g playwright und npx playwright install chromium). Ohne Playwright prüft Claude den Code nur gegen eine Fehlerliste, wie in der App.
> **Merke**
> In der App bekommst du das Ergebnis als Artifact direkt im Chat und kannst es per Link teilen. In Claude Code bekommst du eine HTML-Datei in deinem Projektordner, die du im Browser öffnest.
## So benutzt du den Skill
Schreib einfach einen Satz. Du musst den Skill nicht aufrufen und keinen Modus nennen. Hier sind Sätze zum Kopieren, je drei pro Modus.
### Welt
Baue eine interaktive 3D-Cyberpunk-Straße in Tokio.
```
**Welt**
```
Baue schwebende Inseln bei Sonnenuntergang, mit Vögeln und einem Rundflug.
```
**Welt**
```
Baue eine Unterwasserstadt mit leuchtenden Quallen, durch die man hindurchfährt.
```
### Film
**Film**
```
Mach einen Kurzfilm über einen einfachen Punkt.
```
**Film**
```
Mach einen Kurzfilm darüber, wie ein Regentropfen zum Meer findet.
```
**Film**
```
Zeichne ein Selbstporträt von dir als Kurzfilm, ohne Gesicht.
```
### Zeitreise
**Zeitreise**
```
Zeig 3,3 Millionen Jahre Menschheit und die nächsten 30 Jahre als Zeitreise.
```
**Zeitreise**
```
Zeig die Geschichte des Computers vom Abakus bis heute.
```
**Zeitreise**
```
Zeig die Geschichte des Universums vom Urknall bis zur Erde.
```
Gefällt dir etwas nicht, sag es in einem Satz: „Mach es dunkler“, „mehr Regen“, „der Film soll trauriger enden“. Claude baut nur die Szene neu, der Rest bleibt stabil.
## Aus dem Ergebnis ein Reel machen
Jedes Ergebnis hat einen Aufnahme-Modus. Er schaltet auf Hochformat 9:16, blendet alle Bedienelemente aus und lässt die Kamera von selbst fahren. Film und Zeitreise beginnen dabei von vorn.
### 1. Ergebnis öffnen
Am besten im Vollbild, auf dem Rechner oder dem Handy. Auf „Starten“ tippen, damit der Ton läuft.
### 2. Aufnahme-Modus an
Knopf „9:16“ unten rechts oder Taste R.
### 3. Bildschirm aufnehmen
Auf dem iPhone über die Bildschirmaufnahme im Kontrollzentrum, auf dem Mac mit Cmd+Shift+5. Danach auf 9:16 zuschneiden.
### 4. Beenden
Doppeltipp oder Taste R.
## Wie der Skill arbeitet
Ohne Skill fängt Claude bei jeder Szene von null an: Kamera, Licht, Leuchteffekt, Ton, Bedienung. Das kostet Zeit und geht oft schief. Der Skill bringt dafür ein fertiges, geprüftes Grundgerüst mit. Claude schreibt nur noch den Inhalt, also das, was du sehen und hören sollst.
Vorher macht Claude aus deinem Satz einen kompletten Entwurf: Kernbild, Farben, Licht, Tiefe, mindestens drei Ebenen Bewegung, Kamerafahrt und Ton. Zum Schluss geht es eine Qualitätsliste durch, damit das Ergebnis nach einem fertigen Stück aussieht und nicht nach einer Technik-Demo.
> **Bei Zeitreisen**
> Bei Zeitreisen stehen Jahreszahlen und Fakten auf dem Bildschirm. Der Skill weist Claude an, sie zu prüfen und alles, was in der Zukunft liegt, als Prognose zu kennzeichnen. Lies die Texte trotzdem gegen, bevor du das Ergebnis veröffentlichst.
## Fehler und Lösungen
- Der Skill taucht nicht auf: Code-Ausführung ist aus. Unter Settings → Capabilities einschalten, dann unter Customize → Skills prüfen, ob Fable Studio eingeschaltet ist.
- Upload schlägt fehl: Die ZIP wurde entpackt und neu gepackt. Lade sie noch einmal herunter und lade sie unverändert hoch.
- Die Seite zeigt eine rote Fehlermeldung: Kopier die Meldung in den Chat. Claude behebt sie und baut neu.
- Das Bild bleibt schwarz: Die Seite lädt three.js aus dem Internet. Ohne Verbindung oder mit strengem Werbeblocker fehlt die Bibliothek. Seite neu laden oder den Blocker für die Seite ausschalten.
- Kein Ton: Der Ton startet erst mit dem Klick auf „Starten“. Prüf außerdem, ob das Handy stumm geschaltet ist, und drück die Taste M.
- Es ruckelt auf dem Handy: Sag Claude „mach es leichter fürs Handy“. Die Seite senkt die Auflösung zwar selbst, aber weniger Teile helfen mehr.
- Claude benutzt den Skill nicht: Schreib dazu „mit Fable Studio“.
Das Reel zu diesem Stück liegt auf [Instagram](https://www.instagram.com/christopher_thanisch/).
## Quellen
- Der Skill: [Fable Studio auf GitHub](https://github.com/Ultra-Smashed/fable-studio)
- Anthropic: [Use skills in Claude](https://support.claude.com/en/articles/12512180-use-skills-in-claude) und [How to create custom skills](https://support.claude.com/en/articles/12512198-how-to-create-custom-skills)
## Dein Aktionsplan
Hak ab, was du erledigt hast:
- [ ] Die drei Demos angesehen
- [ ] Code-Ausführung in Claude eingeschaltet
- [ ] Den Skill in der Claude-App hochgeladen oder in Claude Code installiert
- [ ] Einen Satz aus jedem Modus ausprobiert
- [ ] Ein Ergebnis mit einem Satz nachgebessert
- [ ] Ein Ergebnis im Aufnahme-Modus als Video aufgenommen