„Eine Website mit Claude erstellen“ kann im Jahr 2026 zwei völlig unterschiedliche Dinge bedeuten. Die erste Möglichkeit ist, Claude Code zu öffnen und die Website selbst mit KI zu programmieren: Dafür benötigt man ein kostenpflichtiges Abonnement, eigenes Hosting und die Möglichkeit, fehlgeschlagene Änderungen über das Versionskontrollsystem rückgängig zu machen. Die zweite Möglichkeit ist, in wenigen Minuten eine Website mit einem herkömmlichen KI-Baukasten zu erstellen, sie dann mit Claude, ChatGPT oder Gemini zu verbinden und dem System einfach mitzuteilen, was korrigiert werden soll. Im Folgenden gehe ich ehrlich auf beide Ansätze ein: die Kosten, die typischen Schwierigkeiten von Anfängern und wie die Verbindung einer fertigen Website mit dem KI-Chat funktioniert.
Die Website „via Claude “ besteht aus zwei verschiedenen Wegen
Wenn Leute bei Google nach „Website-Erstellung mit Claude “ suchen, meinen sie fast immer eines von zwei Dingen: entweder Code mithilfe von KI schreiben oder eine bestehende Website per Chat verwalten. Der Unterschied ist entscheidend, und Verwirrung kann teuer werden – man kann leicht einen ganzen Abend mit einem Tool verschwenden, das die eigenen Bedürfnisse nicht erfüllt.
Der erste Ansatz heißt Vibe Coding: Claude Code sowie Lovable, Bolt und v0 generieren den eigentlichen Website-Code anhand Ihrer Textbefehle. Beim zweiten Ansatz erhalten Sie eine fertige Website, auf die sich Claude, ChatGPT oder Gemini über das MCP Protokoll als Kontrollpanel verbinden. Im Folgenden werden beide Ansätze der Reihe nach mit konkreten Zahlen und potenziellen Fallstricken beschrieben.
Was ist MCP in einfachen Worten?
MCP (Model Context Protocol) ist ein offenes Protokoll, das es KI-Chats ermöglicht, externe Tools anzubinden. Die Entwickler des Protokolls erklären dies, indem sie es mit einem Konnektor vergleichen:
„ MCP ist wie ein USB-C-Anschluss für KI-Anwendungen: So wie USB-C eine standardisierte Möglichkeit bietet, Geräte zu verbinden, bietet MCP eine standardisierte Möglichkeit, KI-Anwendungen mit externen Systemen zu verbinden.“ (sinngemäße Übersetzung)
- modelcontextprotocol.io,„Was ist das Model Context Protocol?“
Anthropic veröffentlichte MCP am 25. November 2024 als offenen Standard. Im März 2025 übernahm OpenAI das Protokoll, zunächst im Agents SDK, mit dem Versprechen, die Unterstützung bald auch in der ChatGPT -App und der Responses API zu integrieren. Microsoft und Google schlossen sich kurz darauf an. Bis Dezember 2025 verfügte MCP über mehr als 10.000 aktive öffentliche Server. Im selben Monat übertrug Anthropic die Protokollverwaltung an die Agentic AI Foundation der Linux Foundation, um die Neutralität des Standards zu gewährleisten. Für den Website-Betreiber bedeutet dies, dass MCP die anerkannte Methode ist, KI-Chats mit Drittanbieterdiensten zu verbinden und von allen gängigen Sprachassistenten unterstützt wird. Details zur Funktionsweise auf 1001site finden Sie in der Wissensdatenbank unter „Anleitungen zum Verbinden von Claude, ChatGPT und Gemini.
Pfad 1: Claude Code erstellt eine Website von Grund auf – wie viel kostet das wirklich?
Claude Code bietet keine kostenlose Version an: Der Zugriff erfolgt über ein Claude Pro-Abonnement (20 US-Dollar pro Monat) oder ein Max-Abonnement (100–200 US-Dollar pro Monat) oder per Token-Zahlung über die Anthropic Console. Andere Dienste für die Vibe-Codierung funktionieren ähnlich.
- Lovable – 5 Builds pro Tag kostenlos, ab 25 $ pro Monat.
- Bolt.new - 1 Million Token pro Monat kostenlos, 20-25 US-Dollar pro Monat gegen Gebühr (die Token werden mit dem Wachstum des Projekts schneller verbraucht).
- v0 (Vercel) - 7 Nachrichten pro Tag kostenlos, danach ab 30 $ pro Monat und Benutzer.
Nach dem Build gehört Ihnen der Code und kann auf jeden beliebigen Hosting-Server übertragen werden – ein klarer Vorteil. Hosting, Domain, HTTPS-Zertifikat und die anschließende Website-Wartung liegen jedoch ebenfalls in Ihrer Verantwortung. Bolt veröffentlicht standardmäßig auf Netlify. Lovable synchronisiert mit GitHub und erfordert eine separate Bereitstellung auf Netlify oder Vercel. Version 0 ist an die Infrastruktur von Vercel gebunden, bis hin zur manuellen Konfiguration der DNS-Einträge (technische Domain-Adressen) für Ihre Website. Beide Tools bieten keine Website-Wartung nach dem Build.
Welche Fallstricke erwarten einen Laien beim Vibe Coding?
Fünf Dinge dämpfen die Begeisterung tatsächlich schneller als die Versprechungen in Werbeanzeigen für Vibe Coding:
- KI zerstört bereits funktionierenden Code. Eine häufige Beschwerde von Neulingen im Bereich Vibe Coding: Bei ihren ersten Versuchen schreibt die KI fehlerhaften Code und beeinträchtigt bereits funktionierende Dienste.
- Ohne Git gibt es keinen Rollback-Punkt. Derselbe Autor vergleicht Commits mit dem Versionsverlauf in Google Docs – aber selbst das muss einem Neuling von Grund auf erklärt werden.
- Das Modell „vergisst“ den Kontext. Jedes KI-Modell hat nur ein begrenztes Gedächtnis für Dialoge, sodass es am Ende immer wieder dasselbe wiederholt – dies wird durch die Analyse auf DEV Community deutlich gezeigt.
- Das Debuggen fremden Codes ist eine Sackgasse. Wenn man die Logik nicht selbst geschrieben hat, ist die Fehlersuche deutlich schwieriger: Es ist unklar, wo man überhaupt mit der Ursachensuche beginnen soll.
- Sicherheit ist ein blinder Fleck. KI bietet standardmäßig keinen Schutz vor Brute-Force-Angriffen oder Zwei-Faktor-Authentifizierung, es sei denn, diese werden explizit angefordert. API-Schlüssel landen oft direkt im Frontend-Code. Der Vibe Security Radar von Georgia Tech, ein Schwachstellentracker, verzeichnete einen Anstieg der in KI-generiertem Code entdeckten Sicherheitslücken von sechs neuen CVE-Einträgen im Januar 2026 auf 35 im März – Details unter entrepreneurloop.com.
Keines dieser Probleme bedeutet, dass Vibe Coding ein schlechtes Werkzeug ist: Für Entwickler oder experimentierfreudige Bastler ist es eine praktikable Methode, schnell einen Prototyp zu erstellen. Für Geschäftsinhaber, die einfach nur eine funktionierende Website ohne die Belastung eines zweiten Berufs benötigen, ist dies jedoch ein erheblicher Aufwand.
Pfad 2: Die Website ist bereits fertig, und der KI-Chat bearbeitet sie gerade.
Der zweite Weg ist kürzer, da die Website bereits fertig ist. Bei 1001site wählen Sie ein Design aus dem Katalog, und der KI-Agent erstellt innerhalb von 2–7 Minuten die Startseite und die einzelnen Bereiche in diesem Design. Der Klonmodus kopiert die Vorlage nahezu exakt, und die Texte werden speziell für Ihr Unternehmen angepasst. Anschließend können Sie die Website über MCP mit Claude, ChatGPT oder Gemini verbinden und sie mit Befehlen wie „Liste diese 20 Produkte aus der Tabelle auf“, „Gestalte die Startseite wie auf dieser Website“ oder „Erhöhe die Preise um 10 %“ verwalten.
Der Service übernimmt Hosting, Domain- und Engine-Updates – Sie benötigen keinen Zugriff auf das Repository oder die Bereitstellungskonsole. Die Website befindet sich technisch in Ihrem Dashboard, und die öffentliche Adresse ist eine Subdomain oder eine benutzerdefinierte Domain mit einem kostenlosen SSL-Zertifikat. Das Design wählen Sie im Pop-up „Website erstellen“ auf 1001site.com aus. MCP Verbindung wird hinzugefügt, sobald die Website fertig ist.
So verbinden Sie eine Website mit Claude, ChatGPT oder Gemini: 3 Schritte
Die Verbindung wird einmal pro Assistent hergestellt und umfasst drei Schritte.
- Klicken Sie auf „Verbinden“. Gehen Sie zu Einstellungen → „KI und MCP “ → „ Claude verbinden“ (oder ChatGPT, Gemini). Es wird ein Schlüssel mit vollem Zugriff auf diese Website generiert und der Verbindungslink in die Zwischenablage kopiert.
- Fügen Sie den Link in den Assistenten ein. Für Claude (claude.ai): Einstellungen → Konnektoren → „Benutzerdefinierten Konnektor hinzufügen“; für Claude Code: der Befehl aus dem Verbindungsfenster; für ChatGPT: Entwicklermodus → MCP -Apps → Server hinzufügen; für Gemini: Einstellungen → Verbundene Apps → Benutzerdefinierte App hinzufügen (für Gemini CLI: ein separater Befehl).
- Prüfen Sie das. Senden Sie dem Assistenten eine Nachricht wie: „Sie sind mit meiner Website verbunden. Zeigen Sie mir, was Sie können.“ Er wird das Tool aufrufen und Ihnen eine Liste mit Optionen anzeigen.
Ein Katalog vorgefertigter Befehle ist direkt in die Verbindung integriert, sodass Sie keine Eingabeaufforderungen von Grund auf neu erstellen müssen.
Was kann man einem Assistenten anvertrauen – und was nicht?
Der vernetzte Assistent erhält die gleichen Tools wie der integrierte KI-Assistent im Büro:
- Kategorien und Produkte – Erstellung, Bearbeitung, Import, Foto per Link;
- Bestellungen und deren Status;
- alle Website-Einstellungen und Benutzeroberflächentexte;
- Design – Farben, Schriftarten, Kopfzeile, benutzerdefiniertes CSS, Stil basierend auf Referenz oder Screenshot;
- Struktur der Hauptseite und der Seiten aus den Blöcken;
- Beiträge und Statistiken.
Der Assistent hat keinen Zugriff auf den Tarifplan, die Website-Adresse und Domain, Zahlungs- und Bot-Schlüssel oder die Datenlöschung – dies beseitigt die größte Befürchtung: „Was passiert, wenn etwas unwiderruflich beschädigt wird?“ Der Schlüssel wird einmalig bei der Erstellung angezeigt und kann mit eingeschränkten Rechten vergeben werden (nur Lesezugriff oder Lese- und Schreibzugriff für bestimmte Gruppen, z. B. den Katalog oder Bestellungen). Er kann mit einem Klick in der Verbindungsliste widerrufen werden, woraufhin der Assistent sofort den Zugriff verliert.
So sieht das in der Praxis aus: ein Katalog mit 300 Produkten in wenigen Minuten
300 Produktkarten, deren manuelles Ausfüllen normalerweise Tage dauern würde, waren in nur wenigen Minuten durch ein Gespräch mit Claude über den zugehörigen Dienst des Autors erstellt, der dasselbe MCP Prinzip wie 1001site verwendet. In einem Projekt für ein Händlernetzwerk, das Denkmäler vertreibt, analysierte Claude eine Vielzahl von 3D-Quellmodellen, zerlegte sie manuell in 300 einzelne Produkte und kategorisierte sie mithilfe einiger Textbefehle des Autors. Der Autor beschreibt das Ergebnis wie folgt:
„ MCP Technologie revolutioniert das Filialmanagement. Anstatt den ganzen Tag Karten manuell auszufüllen, kommunizieren Sie mit einem Chatbot, senden Fotos, und das System befüllt die Filiale automatisch.“
- Aus der Fallstudie „Katalog von 300 Produkten in wenigen Minuten“, Blog 1001site
Die Logik für die Verbindung und Zusammenarbeit mit Claude über MCP in 1001site ist dieselbe – nur der Katalog und die Produkte gehören Ihnen bereits.
Benötige ich ein kostenpflichtiges Konto und wie hoch sind die Gesamtkosten?
Ja, höchstwahrscheinlich. MCP Anbindung ist in den kostenpflichtigen Tarifen der Website enthalten („All Inclusive“ – 45 € pro Monat, erster Monat mit Aktionscode – 25 €; keine Testphase). Ein Konto bei Claude, ChatGPT oder Gemini ist separat und gehört Ihnen: Die Bedingungen, Nachrichtenlimits und Kosten werden vom jeweiligen Anbieter und nicht 1001site festgelegt. Vergleichen Sie dies mit dem Einstiegspreis für Vibe Coding aus dem vorherigen Abschnitt: Dort beginnt der Preis für ein Claude Code-Abonnement allein bei 20 $, ohne Hosting. MCP ist zwar nicht kostenlos, aber es fallen lediglich die Kosten für ein zusätzliches Konto zur bereits bezahlten Website an – Hosting und Domain werden nicht separat berechnet.
Welchen Weg solltest du wählen?
Wenn Sie sich für den Programmierprozess selbst interessieren, ein komplett individuelles Produkt benötigen oder mit Git und Deployment vertraut sind, lohnt sich das intuitive Programmieren mit Claude Code, Lovable oder Bolt und ist ein praktikables Werkzeug für diese Aufgabe. Benötigen Sie hingegen eine funktionierende Website für Ihr Unternehmen, ohne gleich einen zweiten Beruf ergreifen zu müssen, ist es sinnvoller, diese mit einem vorgefertigten KI-Baukasten zu erstellen und sie anschließend per MCP mit Claude, ChatGPT oder Gemini zu verbinden, wenn Sie sie per Sprachsteuerung verwalten möchten. Der zweite Ansatz beginnt mit der Auswahl eines Designs aus dem 1001site -Katalog: Eine Website ist in 2–7 Minuten fertig, und MCP Verbindung kann jederzeit hinzugefügt werden.
Quellen
- Anthropic. Einführung des Modellkontextprotokolls, 25.11.2024
- Model Context Protocol – offizielle Dokumentation
- MCP tritt der Agentic AI Foundation bei, MCP -Blog, 12.09.2025
- DivyanshuLohani. The Vibe Coder: Nicht-technische Entwickler und die Illusion der KI, Entwickler-Community
- 10 kritische Sicherheitslücken, vor denen jeder Gründer von Vibe Coding auf der Hut sein sollte, entrepreneurloop.com
- Verbindung von Claude, ChatGPT und Gemini ( MCP) – 1001site Wissensdatenbank
- Ein Katalog mit 300 Produkten in wenigen Minuten: Wie MCP und Claude einen Online-Shop befüllen
