Eine Website mit Claude Code erstellen geht in acht Schritten: Du schreibst ein kurzes Briefing, richtest Claude Code ein, legst einen leeren Projektordner mit festen Regeln an und lässt Claude Code daraus eine statische Website bauen. Danach prüfst du Texte, Impressum und Datenschutz, lädst die Dateien auf ein Hosting, verbindest deine Domain und gibst Änderungen später als Auftrag statt als Ticket. Programmieren musst du nicht. Du brauchst ein Claude-Abo ab Pro (18 Euro im Monat ohne Steuern, Stand: November 2026), dein eigenes Material und die Bereitschaft, vor dem Livegang selbst zu prüfen. Der Quelltext liegt danach in deinem Ordner, nicht in einem Baukasten.
Meine Haltung dazu: Die Zeit für teure Websites ist vorbei. Ich finde den Gedanken gut, selbst Herr der Lage zu sein und keinen Dienstleister mehr zu brauchen, der sich darum kümmert. Ich bin Entwickler und schreibe trotzdem seit anderthalb Jahren keine Zeile Code mehr selbst, auch bei meiner Website nicht: Ralf, mein KI-Mitarbeiter für Websites, baut und betreut kevinwelter.com. Er arbeitet in Claude Code wie meine übrigen KI-Mitarbeiter und hat über 20 Kunden-Websites gebaut.
Was du für eine Website mit Claude Code brauchst
Wie sich Abo und API für Claude Code rechnen, steht in Claude Code Kosten: Abo oder API?.
Website mit Claude Code erstellen: die acht Schritte
1. Ziel und Briefing
Leg einen leeren Projektordner an und darin eine Textdatei briefing.md. Diese Vorlage kannst du übernehmen:
# Briefing Website
## Betrieb
- Name, Inhaber, Ort und Einzugsgebiet:
- Leistungen (je eine Zeile, mit einem Satz, was genau dazugehört):
- Telefon, E-Mail, Erreichbarkeit:
- Anschrift (für Impressum):
## Ziel
Wer soll die Seite besuchen, und was soll er danach tun (anrufen, Mail schreiben, Termin buchen)?
## Seiten
- Startseite (oder Onepager mit Abschnitten):
- Impressum, Datenschutzerklärung
## Technik
- Statisches HTML und CSS, kein Framework
- Keine externen Ressourcen: keine eingebundenen Schriften, kein CDN, keine Tracker
- Muss auf dem Handy und am Rechner gut aussehen
Je konkreter die Leistungszeilen, desto besser die Texte. Ein Satz wie „Tapezieren“ ergibt auf der Website auch nur einen Satz. Ob dir eine einzige Seite reicht, klärt Onepager erstellen: wann eine Seite reicht.
2. Claude Code einrichten
Auf Mac und Linux installierst du Claude Code laut Anthropic mit einem Befehl im Terminal:
curl -fsSL https://claude.ai/install.sh | bash
Unter Windows nimmst du in der PowerShell irm https://claude.ai/install.ps1 | iex. Danach prüfst du in einem neuen Terminalfenster mit claude --version, ob es geklappt hat; beim ersten Start meldest du dich an. Ohne Terminal geht es mit der Desktop-App: Sie enthält Claude Code im Reiter „Code“. Die Befehle für alle Systeme und sieben typische Fehlermeldungen stehen in Claude Code installieren: Windows, Mac, Linux, die ersten Schritte in Claude Code: Anleitung für Einsteiger.
3. Projekt starten: Ordner, Regeln, erster Auftrag
Leg neben das Briefing eine zweite Datei CLAUDE.md. Claude Code liest sie laut Anthropic zu Beginn jeder Sitzung, sie ist also die Hausordnung deines Projekts (CLAUDE.md: das Gedächtnis von Claude Code). Für eine Website reichen diese Regeln:
# Regeln für dieses Website-Projekt
- Erfinde keine Angaben: keine Adressen, Preise, Bewertungen, Referenzen
oder Jahreszahlen, die nicht in briefing.md stehen.
- Was fehlt, markierst du sichtbar als [FEHLT: …] und nennst es am Ende.
- Rechtliche Formulierungen markierst du als [PRÜFEN: …].
- Nichts aus dem Internet laden, nichts installieren, nichts veröffentlichen.
Dann startest du im Ordner mit claude --permission-mode manual und gibst den ersten Auftrag: „Lies briefing.md und baue die Website so, wie sie dort beschrieben ist. Halte dich an CLAUDE.md. Nenne mir am Ende, welche Dateien du angelegt hast und welche Angaben fehlen.“
Warum Manual: Neue Sitzungen im Terminal starten ab Version 2.1.283 im Auto-Modus, in dem ein zweites Modell die Aktionen prüft statt dir. Im Modus Manual fragt Claude Code vor den meisten Aktionen, die Dateien ändern, Befehle ausführen oder ins Netz gehen. Mit Shift+Tab wechselst du den Modus; im Plan-Modus liest Claude Code nur und schlägt einen Plan vor, Änderungen bleiben gesperrt, bis du ihn freigibst. Für das erste Projekt ist Manual der richtige Rahmen; Anthropic schreibt ausdrücklich, dass du vorgeschlagenen Code und Befehle vor der Freigabe prüfen musst. Mehr dazu in Claude Code Sicherheit: Rechte und Sandbox.
4. Texte aus deinem Material
Claude Code weiß über deinen Betrieb nur, was im Ordner steht. Gute Texte entstehen deshalb aus deinem Material: alte Angebote, häufige Kundenfragen, die Sätze, mit denen du am Telefon erklärst, was du machst. Leg solche Unterlagen in den Ordner und lass Claude Code daraus schreiben. Warum der Text der eigentliche Engpass ist, steht in Webdesign für Selbstständige: lohnt es sich?. Was auf Startseite, Leistungen und Über-uns gehört, steht in Website-Texte schreiben: Seite für Seite.
5. Impressum und Datenschutz
Das ist keine Rechtsberatung. Für geschäftsmäßige, in der Regel gegen Entgelt angebotene digitale Dienste verlangt § 5 DDG unter anderem Name, Anschrift und eine Adresse für die elektronische Post, „leicht erkennbar und unmittelbar erreichbar“. Erhebst du personenbezogene Daten, etwa über ein Kontaktformular, informierst du nach Art. 13 DSGVO zum Zeitpunkt der Erhebung, wer sie wofür verarbeitet. Claude Code baut die Seiten als Gerüst, die Verantwortung für den Inhalt bleibt bei dir. Je weniger die Seite von außen nachlädt (Schriften, Karten, Tracker), desto weniger muss in die Datenschutzerklärung.
6. Prüfen, dann Hosting und Livegang
Vor dem Livegang öffnest du jede Seite am Rechner und auf dem Handy, klickst jeden Link an und suchst nach [FEHLT und [PRÜFEN. Bei mir gilt: Wer etwas erstellt, korrigiert es nicht. Die Prüfung macht eine zweite Rolle, die den Code nicht geschrieben hat (Claude Code Review: Kosten, Ablauf, Grenzen). Zertifikat und Kopfzeilen prüfst du nach dem Livegang mit Website-Sicherheit online prüfen, die Barrierefreiheit mit Website-Barrierefreiheit kostenlos testen.
Für das Hosting einer statischen Seite hast du drei Wege:
Claude Code kann das Hochladen vorbereiten. Zugangsdaten gehören nie in den Chat, hochgeladen wird erst nach deiner Freigabe.
7. Domain verbinden
Die Domain registrierst du auf deinen eigenen Namen, nicht auf den eines Dienstleisters. Dann kommt sie mit, egal wo die Seite morgen liegt. Dein Hosting nennt dir die DNS-Einträge; Claude Code erklärt dir, was jeder bewirkt, eintragen musst du sie im Konto deines Domain-Anbieters. Worauf du beim Kauf achtest, steht in Domain kaufen für immer? So bleibt sie deine.
8. Pflege: Änderungen per Auftrag
Hier spielt Claude Code seine Stärke aus. Neue Öffnungszeiten, eine weitere Leistung, ein Foto: Du beschreibst die Änderung in einem Satz und siehst danach nach, welche Dateien sich geändert haben. Was neben Inhalten sonst anfällt, listet Website-Wartung: Aufgaben, Checkliste, Kosten. Gefunden wird eine selbst gebaute Seite nicht von allein; den Einstieg geben Wie werde ich bei Google gefunden? Lokal-SEO und Website für die KI-Suche optimieren.
Der Testlauf für diesen Beitrag
Für diesen Beitrag hat Sebastian, mein KI-Mitarbeiter für SEO und Blog, den Weg am 7. November 2026 mit Claude Code 2.1.319 auf einem Mac nachgestellt, mit Briefing und Regeln nach dem Muster oben, für einen erfundenen Malerbetrieb. Der Lauf war nicht interaktiv (claude -p): Dateien schreiben durfte Claude Code ohne Rückfrage, Befehle und Internetzugriff waren gesperrt. Die Anschrift fehlte im Briefing absichtlich.
- Bau: Nach rund 97 Sekunden lagen vier Dateien im Ordner: Onepager, Impressum, Datenschutzerklärung, CSS. Kein JavaScript, keine externe Ressource.
- Nichts erfunden: 13-mal stand ein rotes
[FEHLT: …] in den Seiten, darunter Anschrift, Rechtsform und Handwerkskammer. Zehn Stellen in Impressum und Datenschutz waren als [PRÜFEN: …] markiert.
- Dünne Texte: Die Leistungen lasen sich so knapp wie das Briefing, etwa „Tapezierarbeiten in Ihren Innenräumen“. Der Text bleibt deine Arbeit.
- Prüfen bleibt nötig: Claude Code schrieb selbst, es habe die Seite „nicht im Browser angesehen“. Erst Screenshots in 1.280 und 375 Pixel Breite zeigten, dass die Darstellung stimmt.
- Pflege: Neue Öffnungszeiten als ein Satz; nach rund 17 Sekunden waren genau die zwei gemeldeten Dateien geändert, ein Vorher-Nachher-Vergleich bestätigte das.
Veröffentlicht wurde nichts. Der Test zeigt, wie sich Claude Code mit klaren Regeln verhält, nicht, dass jede Website so glatt läuft.
Was du selbst schaffst und wo du Hilfe brauchst
Die rechte Spalte kaufst du bewusst ein: als Prüfung, nicht als Abhängigkeit. Kleine Werkzeuge wie einen Rechner auf der Website beschreibt App mit KI erstellen ohne Programmieren; was hinter dem Bauen per Anweisung steckt, in Vibe Coding: was es ist und für wen es taugt. Für deinen individuellen Fall schauen wir uns das gemeinsam an.
So baut Ralf kevinwelter.com
Ralf arbeitet mit festem Ablauf: Material verstehen, Konzept entscheiden, Website bauen, prüfen und übergeben. Fehlende Angaben markiert er, statt sie zu ergänzen. Gebaut wird mit Node.js und Next.js, die Screenshots und der Klicktest vor dem Livegang laufen über Playwright, ausgerollt wird auf meinen eigenen Kubernetes-Cluster bei Hetzner. Den Livegang bereitet Ralf vor, die Freigabe bleibt bei mir. Wie der Umbau einer bestehenden Seite abläuft, steht in Website mit KI modernisieren: so geht's. Alle Wege zur eigenen Website, auch ohne Claude Code, sammelt Website selbst bauen: Anleitung mit KI.
Häufige Fragen
Kann ich eine Website mit Claude erstellen, ohne programmieren zu können?
Ja. Du beschreibst in normaler Sprache, was du willst, Claude Code schreibt den Code. Können musst du etwas anderes: sagen, was du anbietest, und prüfen, ob das Ergebnis stimmt. Ein Terminal brauchst du nicht zwingend, die Desktop-App reicht.
Was kostet eine Website mit Claude Code?
Claude Code gibt es ab dem Pro-Plan für 18 Euro im Monat ohne Steuern (Stand: November 2026). Dazu kommen Domain und Hosting; die Zahlen dafür stehen in Was kostet eine Website oder Landingpage?.
Kann ich mit Claude Code auch eine WordPress-Website bauen?
Ja, Claude Code kann Themes und Inhalte für WordPress schreiben. Für eine kleine Firmen-Website ist eine statische Seite aber meist einfacher, weil keine Plugins und kein CMS gepflegt werden müssen. Wann du kein CMS mehr brauchst, steht in WordPress-Alternative: 5 Wege im Vergleich.
Was ist der Unterschied zu Website-Generatoren wie Lovable?
Generatoren bauen im Browser und betreiben die Seite oft gleich mit. Claude Code arbeitet in deinem Ordner, die Dateien laufen auf jedem Hosting. Den Vergleich findest du in KI-Website-Generatoren im Vergleich. Was Lovable kann und was es daneben gibt, steht in Lovable-Alternativen: 6 Wege im Vergleich.
Wie du weitermachst
Fang heute mit dem Briefing an, nicht mit dem Werkzeug. Steht es, ist der Bau der kleinere Teil. Wenn du die Arbeit an einen KI-Mitarbeiter abgeben und die Freigabe behalten willst, schau dir an, wie Ralf arbeitet. Ralf liegt als fertige Vorlage in der Premium-Stufe meiner Community für 149 US-Dollar im Monat, in der Standard-Stufe für 27 US-Dollar baust du ihn selbst nach (Stand: 18.10.2026, laut seiner Seite). Beides findest du in Claude Practitioners.
