Website mit KI erstellen: ChatGPT, Claude, Gemini und Vibe Coding


Ja. 2024 war das noch eine offene Frage. Damals haben wir in diesem Beitrag geschrieben, dass ChatGPT beim Code hilft, aber zu lange und zu komplizierte Lösungen liefert. Das stimmt so nicht mehr. ChatGPT, Claude und Gemini bauen heute in einer Stunde eine Seite, die gut aussieht, auf dem Handy funktioniert und sich bewegt.
Ich halte die Frage deshalb inzwischen für falsch gestellt. Dass KI eine Website bauen kann, ist geklärt. Offen ist, ob die Website, die dabei herauskommt, etwas taugt. Und das entscheidet nicht die KI.
Drei Wege zur Website mit KI
Wer 2026 eine Website mit KI erstellen will, hat im Wesentlichen drei Möglichkeiten.
Im Chat. Ihr beschreibt ChatGPT, Claude oder Gemini, was ihr braucht, und bekommt eine fertige Seite als HTML. Alle drei können das Ergebnis direkt im Chat anzeigen, ihr könnt Änderungen in normaler Sprache verlangen. Für eine einzelne Seite, einen Entwurf oder eine Landingpage ist das der schnellste Weg. Online ist die Seite damit aber noch nicht.
Mit einem KI-Baukasten. Dienste wie Lovable, Bolt oder v0 gehen einen Schritt weiter. Sie bauen neben der Seite auch Datenbank und Login und stellen das Ergebnis auf Knopfdruck ins Netz. Auch klassische Baukästen wie Wix oder WordPress-Werkzeuge haben KI-Assistenten eingebaut. Das ist bequem. Ihr bindet euch dafür an den Anbieter und seine Preise.
Mit einem Coding-Werkzeug im Team. Entwickler:innen arbeiten mit KI direkt im Projekt: Claude Code, GitHub Copilot oder Cursor schreiben Code, Menschen prüfen und entscheiden. So arbeiten wir. Das ist der langsamste der drei Wege und der einzige, bei dem am Ende jemand versteht, was gebaut wurde.
Vibe Coding: wo es glänzt
Für die ersten beiden Wege gibt es seit Februar 2025 einen Namen. Der KI-Forscher Andrej Karpathy nannte es Vibe Coding: Man beschreibt, was man will, nimmt, was die KI liefert, und schaut sich den Code gar nicht mehr an. Solange es funktioniert, ist alles gut.
Für manche Aufgaben passt das gut:
- Prototypen und Entwürfe: Eine Idee, die man anklicken kann, sagt mehr als zehn Folien.
- Interne Werkzeuge: ein Rechner, eine Übersicht, ein kleines Formular, das nur das eigene Team nutzt.
- Ausprobieren: Wie wirkt die Seite in Dunkelblau? Was, wenn der Einstieg ein Video ist? Früher war jede Variante ein Tag Arbeit, heute ist es eine Minute.
Wer Ideen schnell sichtbar machen will, sollte das nutzen. Wer es nicht tut, verschenkt heute Zeit.
Wie wir unsere eigene Website mit Claude gebaut haben
Ich schreibe das nicht aus der Theorie. Unsere neue Website ist mit Claude entstanden. Sophie und ich haben die Startseite in gut zwei Arbeitstagen entworfen, zeitweise mit Roman und Franzi. Am Ende standen sechs Entwürfe und fünf veröffentlichte Versionen. Kein Designprogramm, keine Folien. Das Team hat gesprochen, Claude hat gebaut, und alle haben am selben Link entschieden. Die ganze Geschichte steht im Making-of unserer Website.
Was dort auch steht: Unsere Version 2 haben wir komplett verworfen. Fünf Anläufe für den Einstieg in knapp zwei Stunden, jeder einzelne sauber gebaut, keiner davon gut. Die KI hat jedes Mal geliefert. Sie wusste nur nicht, dass es falsch war.
Das ist für mich die wichtigste Erfahrung aus diesem Projekt: KI macht das Bauen billig, das Entscheiden aber nicht leichter. Eher im Gegenteil: Wenn jede Idee in Minuten fertig aussieht, braucht man jemanden, der früh sagt, dass sie trotzdem nicht trägt.
Wo es kippt
Eine Website, die gut aussieht, ist noch keine Website, die funktioniert. Fünf Punkte übersehen KI-Websites besonders oft.
Sicherheit. Der Sicherheitsanbieter Veracode hat 2025 über 100 KI-Modelle mit 80 Programmieraufgaben getestet. In 45 Prozent der Fälle enthielt der Code eine Sicherheitslücke. Eine reine Infoseite ohne Formulare ist wenig gefährdet. Sobald Kontaktformular, Login, Kundendaten oder Zahlungen dazukommen, muss jemand den Code prüfen, der weiß, wonach er sucht.
Wartung. KI baut, was ihr heute verlangt. Ob sich das in einem Jahr noch ändern lässt, ist ihr egal. Wer eine Seite per Vibe Coding gebaut hat und sie später erweitern will, merkt oft, dass niemand mehr versteht, wie sie zusammenhängt. Auch die KI nicht.
Barrierefreiheit. KI-Seiten sehen gut aus und sind oft schwer bedienbar: zu wenig Kontrast, fehlende Bildbeschreibungen, Menüs, die mit der Tastatur nicht funktionieren. Für viele Unternehmen, die online verkaufen oder Dienstleistungen an Verbraucher:innen anbieten, ist Barrierefreiheit seit Juni 2025 Pflicht. Was das heißt, steht in Barrierefreie Website.
Rechtliches. Impressum, Datenschutzerklärung, Einwilligung für Cookies und Tracking. Eine KI kann Texte dafür entwerfen. Ob sie zu eurem Unternehmen und euren Werkzeugen passen, prüft sie nicht.
Online gehen. Domain, Hosting, E-Mail, Sicherungen, Aktualisierungen. Bei den Baukästen ist das enthalten und kostet monatlich. Im Chat gebaute Seiten müsst ihr selbst unterbringen.
Nichts davon ist ein Grund, die Finger von KI zu lassen. Es sind die Punkte, an denen ihr wissen solltet, ob ihr sie selbst lösen könnt.
Was KI nicht ersetzt
Die eigentliche Arbeit an einer Website war nie das Programmieren. Sie steckt in Fragen, die vorher kommen:
- Was soll die Seite erreichen? Anfragen, Bewerbungen, Verkäufe? Davon hängt fast alles ab.
- Für wen ist sie? Was wissen diese Menschen schon, was fragen sie, was überzeugt sie?
- Was gehört drauf und was nicht? Das Weglassen ist meist schwerer als das Hinzufügen.
- Womit belegt ihr, was ihr sagt? Projekte, Zahlen, Kundenstimmen. Die KI kann sie nicht liefern, höchstens erfinden, und genau das darf sie nicht.
Eine KI beantwortet diese Fragen, wenn man sie fragt. Sie beantwortet sie plausibel und allgemein, für ein durchschnittliches Unternehmen. Eure Website sollte aber nicht nach Durchschnitt aussehen. Sonst sieht sie aus wie die von allen anderen, die dieselbe KI dasselbe gefragt haben.
Dazu kommt Verantwortung. Wenn das Formular Anfragen verschluckt oder die Seite nach einem Update nicht mehr lädt, braucht ihr jemanden, der es merkt und behebt. Die KI meldet sich nicht von selbst.
Unser Rat: wann selbst bauen, wann mit Agentur
Baut selbst mit ChatGPT, Claude oder Gemini, wenn
- ihr eine Idee für euch durchspielen wollt, bevor ihr Geld ausgebt,
- es um eine einfache Seite geht: ein Event, ein Produkt, eine Visitenkarte im Netz,
- ihr ein internes Werkzeug wollt, das nur ihr nutzt,
- ihr Zeit habt, euch um Hosting und Rechtstexte selbst zu kümmern.
Holt euch Fachleute dazu, wenn
- die Website Anfragen oder Umsatz bringen soll und ihr messen wollt, ob sie das tut,
- Kundendaten, Logins oder Zahlungen im Spiel sind,
- die Seite gefunden werden soll, in Google und in den Antworten von ChatGPT, Claude und Gemini,
- sie über Jahre gepflegt und erweitert werden muss,
- Barrierefreiheit für euch Pflicht ist.
So entsteht ein Entwurf mit KI bei uns
Wir gestalten den Entwurf für eure Website mit Unterstützung von KI. Ihr bekommt einen klickbaren Entwurf mit eigenem Link, den ihr auf dem Rechner und auf dem Handy öffnen könnt. Aus unserer eigenen Website haben wir Richtwerte abgeleitet:
| Schritt | Dauer |
|---|---|
| Briefing: Ziel, Zielgruppe, Inhalte, Vorbilder | ein bis zwei Stunden |
| Richtungen als Skizzen | zwei bis drei Stunden |
| erster klickbarer Entwurf mit Link | drei bis fünf Stunden |
| parallele Varianten, wenn die Richtung offen ist | vier bis sieben Stunden |
| Feinschliff in kleinen Schritten | gut ein Tag |
Voraussetzung ist, dass Inhalte und Entscheidungen bereitliegen. Die Skizzen kommen bewusst vor dem Bauen. Das ist die Lehre aus unserer verworfenen Version 2: Eine Skizze kostet Minuten, ein Umbau eine Stunde.
Was sich für euch ändert: Ihr sprecht über die Seite selbst, mit echter Bewegung, Dunkelmodus und Verhalten auf dem Handy. Jede Rückmeldung ist oft in Minuten umgesetzt. Was gleich bleibt: Richtung, Auswahl und jede Entscheidung kommen von Menschen, die wissen, was eine Website leisten muss.
Aus dem freigegebenen Entwurf wird dann die echte Website mit CMS, Formularen, Tracking, Barrierefreiheit und Betreuung nach dem Start.
KI verändert, wie Websites entstehen. Was eine gute Website ausmacht, verändert sie nicht. Wie wir Websites heute bauen, mit KI im Werkzeugkasten und Menschen, die entscheiden, steht auf der Seite Websites & Relaunch.
Häufige Fragen
Kurz beantwortet: was uns zu diesem Beitrag oft gefragt wird.
Ja. ChatGPT, Claude und Gemini schreiben auf Zuruf HTML, CSS und JavaScript und zeigen das Ergebnis direkt im Chat an. Für eine einfache Seite reicht das. Online gehen, Formulare, Rechtstexte, Barrierefreiheit und Pflege müsst ihr selbst lösen oder lösen lassen.
Beschreibt Zweck, Zielgruppe, Inhalte und Stil so genau wie möglich und lasst euch eine erste Fassung als HTML erstellen. Danach verbessert ihr Schritt für Schritt im Gespräch. Die Inhalte, also Texte, Bilder und Belege, solltet ihr selbst mitbringen. Zum Veröffentlichen braucht ihr Hosting und eine Domain.
Vibe Coding heißt, Software zu bauen, indem man der KI beschreibt, was man will, statt selbst Code zu schreiben. Den Begriff hat der KI-Forscher Andrej Karpathy im Februar 2025 geprägt. Für Prototypen und Entwürfe funktioniert das sehr gut, für Systeme mit Kundendaten oder Zahlungen braucht es weiter Fachleute.
Nicht automatisch. In einer Untersuchung von Veracode aus dem Jahr 2025 enthielt KI-generierter Code in 45 Prozent der Fälle eine Sicherheitslücke. Eine statische Seite ohne Formulare ist wenig gefährdet. Sobald Logins, Formulare oder Zahlungen dazukommen, muss jemand den Code prüfen.
Für eine Visitenkarte im Netz nicht unbedingt. Für eine Website, die Anfragen bringen, gefunden werden und rechtlich sauber sein soll, braucht es weiter Urteil: Was soll die Seite erreichen, was gehört drauf, was nicht. Die KI baut schneller, die Entscheidungen nimmt sie euch nicht ab.

Malte Fonfara
Geschäftsführer von NINJAPIRATEN. Die ganze Crew