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 ist nicht mehr Anleitung, sondern weniger: Du gibst ein Ziel, einen Ansporn, freie Hand — und gehst 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, Licht: 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 — kopieren, Lücken füllen, abschicken
Das ist der komplette Prompt aus dem Video. 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: 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. Geh ihm aus dem Weg.
So startest du — Schritt für Schritt
- Ö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. Ergebnis: eine echte URL, die du teilen kannst — gebaut an einem Nachmittag, vor dem 19. Juli.
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 — deshalb: jetzt bauen.
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. Im Video siehst du das Ergebnis: 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. Nicht in Details hineinregieren — Richtung geben, Freiheit lassen.
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 →