Bau deine eigene Website
Ship Your Site
Eine Webseite von einer KI bauen lassen kann jeder. Aber fast niemand bekommt eine, die wirklich gestaltet aussieht – oder die es überhaupt aus dem Chatfenster hinausschafft. Hier ist der ganze Weg: Leg fest, was die Seite leisten muss, schreib zuerst die Texte, bestimm den Look, bevor du baust, bau sie in Claude Code, auf claude.ai oder in Cowork, mach den Geschmacks-Check, der die typischen KI-Merkmale rauswirft, und stell sie live auf eine Domain, die dir gehört. Wähl deinen Track – Portfolio, lokales Geschäft, Produkt oder Dienstleistung – und alle vier gehören dir.
Was du danach kannst
Eine fertige Website, live im Netz, die du verschicken kannst, ohne rot zu werden – gebaut an einem Nachmittag, dort, wo du Claude sowieso schon nutzt.
Einmal kaufen. Jeden Prompt kopieren, wann immer du ihn brauchst.
- Sofortiger Zugang
- Gehört dir für immer, kein Abo
Stellst du ein Bundle zusammen? Füg mehr Packs hinzu und spar bis zu 15%.
Echte Ergebnisse
Vier fertige Websites, gebaut mit diesen Prompts
Keine Mockups. Jede ist aus den sechs Schritten unten entstanden: Öffne sie ruhig im Vollbild.
Ein Weg, kein Stapel Prompts
Sechs Schritte, der Reihe nach
Wähl, wo du es nutzt und was du baust. Alle vier Schwerpunkte gehören dir, und du kannst jederzeit wechseln: Die Wahl sperrt nichts.
Wo du es nutzt
Was du baust
Schritt 01
Hängt von deinem Schwerpunkt ab
Leg fest, was dein Portfolio leisten muss
Mach das zuerst, bevor Claude auch nur eine Zeile Design anfasst. Zehn Minuten hier ersparen dir, die Seite dreimal neu zu bauen.
Beispiel · Eingabe
Ich mache seit 3 Jahren Motion Design, meist freiberuflich. Studios sollen mich für Titelsequenzen buchen.
Beispiel · Ausgabe
Ein Satz, der sagt, für wen die Seite ist und welche eine Aktion sie auslösen muss, die 4–6 Abschnitte in Reihenfolge, welche 3 Arbeiten vorne stehen und was du bewusst weglässt.
Kauf das Pack, um den ganzen Prompt zu sehen.Schritt 02
Hängt von deinem Schwerpunkt ab
Schreib zuerst die Texte
Füg das Briefing aus Schritt 1 ein. Mach das VOR jedem Design – ein Layout, das um echte Texte herum gebaut wird, passt; Texte, die in ein fertiges Layout gekippt werden, passen nie.
Beispiel · Eingabe
Das Ein-Satz-Briefing aus Schritt 1 plus grobe Notizen zu jedem Projekt.
Beispiel · Ausgabe
Jede Zeile Text, die die Seite braucht – Headline, Projekttexte, der Über-mich-Absatz, die Kontaktzeile –, in der richtigen Länge geschrieben und fertig zum Einsetzen.
Kauf das Pack, um den ganzen Prompt zu sehen.Schritt 03
Hängt von deinem Schwerpunkt ab
Leg den Look fest, bevor du baust
Der Schritt, den alle überspringen – und der Grund, warum ihre Seite generiert aussieht. Mach ihn mit deinen Texten zur Hand und heb das Ergebnis auf: Es ist das Briefing, das du in jeden Bau-Schritt einfügst.
Beispiel · Eingabe
Deine Texte aus Schritt 2 plus zwei, drei Websites, deren Look du magst.
Beispiel · Ausgabe
Eine kurze schriftliche Designrichtung – Schriften, eine Palette aus fünf Farben mit Hex-Codes, Abstände, wie die Arbeiten präsentiert werden – plus das, was ausdrücklich verboten ist.
Kauf das Pack, um den ganzen Prompt zu sehen.Schritt 04
Hängt davon ab, wo du es nutzt
Bau deine Seite in Claude Code
Führ das in einem leeren Ordner in Claude Code aus. Es legt ein echtes Projekt an, das dir gehört – mit den Dateien auf deinem Rechner und einer Versionsgeschichte ab dem ersten Commit.
Beispiel · Eingabe
Deine Texte aus Schritt 2 und deine Designrichtung aus Schritt 3.
Beispiel · Ausgabe
Ein echtes Projekt auf deinem Rechner – index.html, styles.css, ein Git-Repo mit sauberen Commits –, Abschnitt für Abschnitt gebaut und als Vorschau in deinem Browser ansehbar.
Kauf das Pack, um den ganzen Prompt zu sehen.Schritt 05
Für alle gleich
Der Geschmacks-Check
Führ das auf dem fertigen Build aus, im selben Chat oder in derselben Session. Dieser Schritt unterscheidet deine Seite von jeder anderen KI-gebauten – lass ihn nicht aus, nur weil die Seite schon „ganz okay aussieht“.
Beispiel · Eingabe
Deine gebaute Seite, plus ein Screenshot davon, falls Claude bei dir Bilder sehen kann.
Beispiel · Ausgabe
Eine nach Schwere sortierte Liste dessen, was sie generiert aussehen lässt, jeweils mit der konkreten Korrektur – dann die Korrekturen, eine nach der anderen umgesetzt, damit du jede einzeln beurteilen kannst.
Kauf das Pack, um den ganzen Prompt zu sehen.Schritt 06
Hängt davon ab, wo du es nutzt
Stell deine Seite live
Führ das in Claude Code aus, wenn die Seite fertig ist. Es macht den Pre-Flight-Check, bringt dich auf einen echten Host mit automatischen Deploys und verbindet dann deine Domain.
Beispiel · Eingabe
Dein fertiges Projekt und ob dir schon eine Domain gehört.
Beispiel · Ausgabe
Die Seite live auf einem echten Host, bei jedem Push automatisch deployt, mit ausgeschriebenen Domain-Einträgen und protokolliertem Pre-Flight-Check.
Kauf das Pack, um den ganzen Prompt zu sehen.