Bau deine Website mit Fable 5 — mit einem Prompt.
Claude Fable 5 ist nur noch bis zum 19. Juli für Abo-Nutzer verfügbar, und es baut dir in einem Durchlauf eine Website, die aussieht wie vom Design-Studio. Der Trick liegt darin, weniger vorzugeben statt mehr: Du gibst ein Ziel, einen Ansporn und freie Hand, dann gehst du dem Modell aus dem Weg.
Du hast PROMPT kommentiert und den Link per DM bekommen? Genau richtig — das hier ist die komplette Anleitung aus dem Video.
„DER ABSTIEG“, die Website aus dem Video. Konzept, Text, Code und Licht kommen komplett von Fable 5, aus genau diesem Prompt-Prinzip
Öffnet ‹DER ABSTIEG›, genau die Seite, die Fable 5 im Video gebaut hat, unverändert. Als Demo gehostet, kein echtes Angebot.
Bevor du startest
Was du brauchst
- Ein Claude-Konto mit Abo. Fable 5 ist dort noch bis 19. Juli, 23:59 Uhr PT freigeschaltet, danach nur noch über die API.
- Claude Code auf deinem Rechner ODER einfach claude.ai im Browser. Beides funktioniert.
- Eine Idee, WAS die Seite sein soll: dein Portfolio, deine Business-Seite, dein Traumprojekt. Mehr Vorbereitung braucht es nicht.
Der Master-Prompt
Das ist der komplette Prompt. Ersetze nur die drei Klammern, den Rest lässt du GENAU so, denn jede Zeile hat einen Job:
Bau mir meine persönliche Website. Ich bin [DEIN NAME], [WAS DU MACHST — z. B. „Fotografin aus Köln“]. Echte Infos über mich: [3–5 STICHPUNKTE — Projekte, Angebot, Kontakt]. Erfinde nichts dazu. Es soll eine spektakuläre Scroll-Erlebnis-Seite werden, die Leute zum Staunen bringt — mit richtig hochwertigen Animationen. Du hast völlig freie Hand bei Design, Struktur, Farben und Werkzeugen. Zeig, was du kannst: Diese Seite sehen sehr viele Leute als Beweis, wozu du fähig bist. Also gib alles. Wenn du fertig bist, mach mindestens drei Verbesserungs-Runden: Geh die Seite durch, such Design-Probleme und Chancen, sie noch besser zu machen — und setz sie um. Arbeite komplett eigenständig und frag mich nichts, bis du fertig bist.
Warum genau diese vier Zutaten
- klares Ziel: eine Aufgabe, klar umrissen. Deine Website, deine echten Infos, kein Lastenheft.
- Ansporn: „Das sehen viele Leute als Beweis, wozu du fähig bist“ ist der stärkste Satz im Prompt. Modelle liefern messbar mehr Qualität, wenn der Einsatz hoch ist.
- freie Hand: Design, Struktur, Farben, Werkzeuge sind alles seine Entscheidung. Genau HIER entsteht das, was du nicht bestellt hättest.
- 3 Runden: Selbstkritik eingebaut. Das Modell prüft die eigene Seite, findet Schwächen und baut nach, BEVOR du sie siehst.
Der häufigste Fehler ist das Gegenteil: eine Anleitung mit zwanzig Schritten. Damit drückst du das Modell auf dein eigenes Design-Niveau.
So startest du
- Öffne Claude Code im Terminal (oder claude.ai im Browser) und wähle als Modell Fable 5.
- Füll die drei Klammern im Prompt: Name, was du machst, 3–5 echte Stichpunkte. Hast du ein Foto? Leg es in den Projektordner und schreib dazu: „Mein Foto liegt bei, nutz es im Hero.“
- Prompt abschicken und dann nichts tun. Nicht nachfragen, nicht reinreden. Die Verbesserungs-Runden gehören dem Modell.
- Ergebnis anschauen. Wenn du etwas ändern willst: EIN Satz Richtung („eleganter“, „mehr Weißraum“, „andere Reihenfolge“) und machen lassen.
Live schalten
Im selben Chat weiterschreiben:
Stell die Seite jetzt online (Netlify oder Vercel, kostenloses Konto reicht) und gib mir den fertigen Link.
Fable übernimmt das Deployment selbst. Am Ende hast du eine echte URL, die du teilen kannst, gebaut an einem Nachmittag.
Erfolgs-Check
Das hast du jetzt
- Einen wiederverwendbaren Master-Prompt, der aus Fable 5 und später jedem starken Modell das Maximum an Design herausholt: Ziel, Ansporn, freie Hand, Verbesserungs-Runden.
- Eine fertige Website, die Fable komplett selbst gestaltet hat, mit Struktur, Texten und Animationen, die du so nicht bestellt hättest, weil sie besser sind als bestellt.
- Das Prinzip dahinter für alles Weitere: Je mehr Freiheit du einem starken Modell gibst, desto besser wird das Ergebnis. Mikromanagement macht es schlechter.
Zeig mir deine Website. Kommentier beim Reel oder tagg mich, ich schau sie mir an.
Kurz beantwortet
Häufige Fragen
Brauche ich zwingend Fable 5?
Nein, der Prompt funktioniert mit jedem fähigen Modell (Opus, Sonnet, auch GPT). Aber Fable 5 ist aktuell das stärkste Design-Modell im Claude-Abo, und genau dieses Fenster schließt am 19. Juli. Danach läuft Fable nur noch über die API gegen Guthaben.
Was passiert nach dem 19. Juli?
Fable 5 verschwindet nicht aus der Welt, es fällt nur aus den Abos (Anthropic will es zurückbringen, sobald Kapazität da ist). Deine gebaute Website bleibt natürlich deine. Und der Master-Prompt bleibt gültig, für jedes Modell, das danach kommt.
Warum soll WENIGER Anleitung BESSERE Ergebnisse geben?
Weil eine 20-Schritte-Anleitung das Modell auf dein Design-Niveau festnagelt. Fable 5 hat mehr Web-Design gesehen als jeder Mensch. Wenn du ihm Ziel und Ansporn gibst statt Vorschriften, nutzt es dieses Wissen. Das Ergebnis waren bei mir Shader, 3D-Tiefe und eine Erzählstruktur, die niemand bestellt hat.
Was, wenn mir das Ergebnis nicht gefällt?
Erst die drei Verbesserungs-Runden abwarten, die sind Teil des Prompts: das Modell kritisiert sich selbst und baut nach. Danach gilt: EIN Satz Feedback („dunkler“, „seriöser“, „mehr Ruhe“) und eine neue Runde. Regier nicht in Details hinein, gib die Richtung vor und lass Freiheit.
Wie bringe ich die Seite ins Netz?
Sag es einfach im selben Chat: ‚Stell die Seite auf Netlify online und gib mir den Link.‘ Fable erledigt Hosting-Setup und Deployment mit, kostenlose Netlify- oder Vercel-Konten reichen völlig.
Jedes Video hat sein eigenes Keyword — du findest es im Video und in der Caption. Kommentier es, und die Anleitung landet automatisch in deinen DMs. Kostenlos, ohne Anmeldung.
Folg @ramzi_goessing für tägliche Agent-Demos →