Claude Fable 5.1 erzeugt Single-File-HTML mit Audio per One-Shot

X-PostMia4. September 2026Demo

Mia (@MiaAI_lab) demonstrierte ein Experiment mit Claude Fable 5.1 unter Nutzung der Claude Code CLI im Modus 'high effort'. Das Modell erstellte in einem einzigen Durchlauf eine eigenständige HTML-Datei inklusive Sound, die optisch beeindrucken soll. In den Kommentaren wurde diskutiert, ob das Modell existierende Repositories für Fluidsimulationen reproduziert hat.

Das Wichtigste

Verwendetes Modell und Setup: Claude Fable 5.1 ('high effort') über die Claude Code CLI.
Aufgabenstellung: Erstellung einer einzelnen, visuell beeindruckenden HTML-Datei inklusive Ton.
Entstehung: Das Ergebnis entstand laut Autorin als One-Shot ohne iterative Korrekturschleifen.
Diskussion: Nutzer merkten an, dass die visuelle Ausgabe bekannten Open-Source-Fluidsimulationen oder Codepen-Demos ähnelt; die Autorin hält es für möglich, dass das Modell auf entsprechenden Repositories trainiert wurde.

Warum das relevant ist

Das Experiment zeigt die Fähigkeiten von Claude Fable 5.1, ohne menschliche Nachbesserung komplexe, interaktive Web-Animationen und Audiokomponenten in einer einzigen Datei zu bündeln.

Einordnung

Das Beispiel verdeutlicht, wie LLMs im Modus mit hohem Rechenaufwand (high effort) kreative Frontend-Aufgaben lösen. Gleichzeitig wirft die Ähnlichkeit zu bekannten Web-Simulationen die Frage auf, inwieweit solche One-Shot-Ergebnisse echte Neuschöpfungen oder Adaptionen aus Trainingsdaten wie Codepen-Demos darstellen.

Original-Post

Mia

@MiaAI_lab · 4. September 2026

I asked Claude Fable 5.1 to create the most beautiful single HTML file (incl. sound). I like it a lot. Full prompt + url below. t.co/Jbu4xJtq8W

278 Likes30 Antworten142 Lesezeichen17.407 Aufrufe

Auf X ansehen

Weitere Posts im Thread (8)

Try it yourself: t.co/ShDCFdzvJ5 Full prompt (fable 5.1 high effort): Create the most beautiful HTML file you could think of. Something that when people see it, all they can say is "WOW!!!" It must be visually impressive, beautiful, and just music to the eyes. Be
@chameleonn14 lol
@VarikVerilion One shot
@TomasMann1878 yep
@UrbanAstroFella Wow this looks very similar...
@UrbanAstroFella so strange. Maybe it is trained on these repos
@nothingrutvik Claude Code CLI
@MichaelGannotti Really? Must've missed that, share a link

Ausgewählte Antworten (5)

@VarikVerilion @MiaAI_lab was this one-shot or did you go through a few rounds of revisions? curious because the single-file beautiful-html prompt is one of the few benchmarks where iteration count matters more than which model you pick.
@TomasMann1878 @MiaAI_lab That's html? Wth
@UrbanAstroFella @MiaAI_lab My first thought is that Fable is being lazy and just ported one of several popular fluid simulation repos out there. What I wonder about is whether Fable is a tasteful dealer, reading "beautiful" and understood that fluid simulations create a nice dopamine hit
@chameleonn14 @MiaAI_lab I see why it is so beautiful, because you said “Make no mistake” !!!!😂
@bjornmuh @TomasMann1878 @MiaAI_lab I would say it is JS

Erwähnte Links

Demo link shared by Mia (@MiaAI_lab)t.co/ShDCFdzvJ5

Links und Tools aus diesem Beitrag

Synesthesia: Interactive Real-Time Fluid Simulation with Audio in the BrowserLink

Zusammenfassung von KI erstellt (Gemini 3.8 Flash, 27. September 2026). Sie kann Fehler enthalten – maßgeblich ist die Originalquelle.

Inhaltlich ähnlich, ermittelt über die KI-Suche.

X-Post:MIKE4. Aug. 2026
Claude Fable 5 im Praxiseinsatz: Webentwicklung und Modell-Übersicht
Ein X-Beitrag von MIKE verweist auf ein 14-minütiges Video-Tutorial zur Erstellung immersiver Websites mit Claude Fable 5 und verlinkt auf eine detaillierte Übersicht über Anthropics Mythos-Klasse-Modell.
2698Lesezeichen225.193Aufrufe
KI & AI· Sammlung
X-Post:Marco28. Juli 2026
Video-Tutorial zur Erstellung hochwertiger Websites mit Claude Fable 5
Ein Beitrag von Marco verweist auf ein 16-minütiges Video-Tutorial von @twetsfyp. Dieses soll Schritt für Schritt demonstrieren, wie sich mit Claude Fable 5 hochwertige, cineastische Websites im Wert von 50.000 US-Dollar erstellen lassen.
16.704Lesezeichen1,6 Mio.Aufrufe
KI & AI· Anleitung
X-Post:Eric Buess24. Sep. 2026
Code-basierte Videoerstellung und 3D-Szenen mit Opus 5.5
Eric Buess dokumentiert eine Reihe von Community-Projekten, die demonstrieren, wie Opus 5.5 und Claude Code zur Erstellung von Videos, 3D-Visualisierungen und interaktiven Animationen eingesetzt werden – oft rein über generierten Code statt über traditionelle Bild- oder Videogeneratoren.
176Lesezeichen77.339Aufrufe
KI & AI· Demo
Video
Video:DesignCourse10. Juni 2026
Claude Fable 5 im UI/UX-Test: Fünf One-Shot-Demos von Gary Simon
Gary Simon von DesignCourse testet das Modell Claude Fable 5 anhand von fünf anspruchsvollen One-Shot-Prompts im Frontend- und UI/UX-Design. Das Spektrum reicht von Three.js- und GSAP-Animationen über ein Hero-Redesign via Figma MCP bis zur Modernisierung von Craigslist.
KI & AI· Demo
X-Post:Skylar Kitchen25. Sep. 2026
3D-Animationen mit Opus 5.5: Schritt-für-Schritt-Anleitungen per Prompt
Skylar Kitchen demonstriert, wie sich mit Opus 5.5 (Claude) technische 3D-Animationen und animierte Tutorials mit minimalem Prompting-Aufwand generieren lassen.
1830Lesezeichen72.515Aufrufe
KI & AI· Demo
X-Post:Eric Buess24. Sep. 2026
Kreative Visualisierungen und 3D-Projekte mit Claude Opus 5.5
Eric Buess kuratiert eine Reihe von Community-Projekten, die zeigen, wie Claude Opus 5.5 für programmatische Animationen, 3D-Modelle und Videoerstellung genutzt wird – oft rein über Code statt herkömmlicher Bildgeneratoren.
337Lesezeichen79.948Aufrufe
KI & AI· Sammlung