Website aus Claude mit MCP bauen und hosten

Ja, Claude kann eine Website erstellen und online stellen. Allein schreibt Claude den Code, und du brauchst noch einen Ort, der ihn hostet. Mit einem Connector zu einem Website-Baukasten erledigt Claude die ganze Arbeit im Chat: gestaltet die Seite, veröffentlicht sie unter einer echten Adresse und ändert sie später, wenn du darum bittest. Dieser Artikel zeigt einen echten Durchlauf mit dem MCP-Server von Ginta, mit der Stoppuhr gemessen am 12. Oktober 2026: eine Nachricht, 168 Sekunden, vier Tool-Aufrufe, eine Live-Website.

Was MCP ist, in zwei Sätzen

MCP (Model Context Protocol) ist der Standardweg, über den KI-Assistenten wie Claude und ChatGPT externe Tools nutzen. Ginta betreibt einen MCP-Server unter https://ginta.app/mcp: Sobald du ihn verbindest, kann Claude Websites in deinem Ginta-Konto erstellen, veröffentlichen und aktualisieren, nachdem du dich angemeldet und auf Allow geklickt hast.

Schritt 1: Ginta zu Claude hinzufügen (zwei Minuten)

Ginta steht im Connector-Verzeichnis von Claude. In claude.ai oder der Desktop-App von Claude:

  1. Öffne Ginta im Connector-Verzeichnis (oder Customize → Connectors, im Verzeichnis nach „Ginta“ suchen).
  2. Klick auf Connect. Ein Ginta-Fenster öffnet sich: Melde dich an oder leg ein kostenloses Konto an und klick auf Allow.

Der Weg über einen eigenen Connector funktioniert auch weiterhin: Customize → Connectors, +, Add custom connector, Name Ginta, URL https://ginta.app/mcp.

Das Anmeldefenster von Ginta fragt, ob Claude deine Websites verwalten darf
Du legst fest, was Claude darf: Es sieht nur die Websites in deinem Ginta-Konto.

Kostenlose Claude-Konten sind eventuell auf einen eigenen Connector beschränkt. Die vollständige Anleitung, mit Team-Plänen und ChatGPT, steht unter Website mit ChatGPT oder Claude erstellen.

Schritt 2: Um die Website bitten

Das ist genau die Nachricht, die wir geschickt haben (über die API von Anthropic mit dem MCP-Connector, Modell Claude Opus 5.5, so wie claude.ai Connectors nutzt), hier übersetzt:

Bau mit Ginta eine Website für mein Yogastudio in Porto. Es heißt Sala Luz: kleine Hatha- und Vinyasa-Kurse, höchstens 10 Personen, Montag bis Samstag morgens und abends. Rua de Cedofeita 120, Porto. Telefon +351 22 000 0142. Füg ein Kontaktformular für Fragen hinzu.

Was Claude gemacht hat, Schritt für Schritt

# Tool, das Claude aufgerufen hat Wofür
1 get_guide Den Design-Leitfaden von Ginta gelesen: Layouts, Schriften, Fotos, Icons, der Baustein fürs Kontaktformular
2 check_name Geprüft, ob sala-luz.ginta.page frei war
3 create_site Die Seite in unserem Ginta-Konto veröffentlicht
4 preview_site Screenshots der Live-Seite gemacht, um das Design zu prüfen

Insgesamt: 168 Sekunden von der Nachricht bis zur Live-Website unter sala-luz.ginta.page, ohne Fehler.

Die Website von Sala Luz: eine große Serifen-Überschrift über Yoga in Porto in einem Raum mit zehn Matten und ein Foto in einem Rundbogenfenster
Was Claude veröffentlicht hat: Die Grenze von 10 Personen im Studio wurde zur Design-Idee.
Dieselbe Website auf dem Handy: die Überschrift, der Anruf-Button und die Adresse
Dieselbe Seite auf dem Handy.

Noch besser als das Design gefiel uns die Antwort von Claude. Sie listete auf, was Claude angenommen hatte und was noch fehlte: keine Kurszeiten oder Preise (wir hatten keine genannt, also bittet die Seite darum, anzurufen), noch keine E-Mail für Formular-Nachrichten (sie gehen bis dahin ins Ginta-Postfach), Stockfotos statt des echten Studios und eine Datenschutzseite, die noch den offiziellen Namen des Unternehmens braucht. Claude sagte auch, dass es in diesem API-Test die Screenshots von preview_site nicht sehen konnte und deshalb stattdessen den Code geprüft hat. Genau diese Ehrlichkeit willst du, bevor du deiner Kundschaft eine Website zeigst.

Schritt 3: Später ändern, in jedem Chat

Die Website liegt in deinem Ginta-Konto, nicht in einem einzelnen Gespräch. Sag in einem neuen Chat „ändere die Öffnungszeiten auf meiner Ginta-Website sala-luz“, und Claude findet sie. Was Claude mit den Tools von Ginta kann, in einfachen Worten:

Jedes Tool steht mit Beispiel in der Entwickler-Dokumentation (auf Englisch).

Aus Claude Code: ein fertiges Projekt deployen

Wer programmiert, kann denselben Server in Claude Code hinzufügen:

claude mcp add --transport http ginta https://ginta.app/mcp

Dann /mcp ausführen, ginta → Authenticate wählen und anmelden. Danach kannst du sagen „bau dieses Projekt und deploy dist/ als neue Website zu Ginta“: Claude lädt den ganzen Build als eine ZIP-Datei über einen kurzlebigen Upload-Link hoch. Ginta liefert Seiten, Skripte, Bilder, Schriften, PDFs und Videos im Rahmen deines Plans aus, mit _redirects, sauberen URLs und deiner eigenen 404.html. Details: Anleitung für Claude Code und Dateien und Routing (auf Englisch).

Was es kostet

Aus deinem eigenen Assistenten zu veröffentlichen, verbraucht keine Ginta-Credits: Dein Assistent macht die KI-Arbeit. Der kostenlose Plan enthält 20 Websites unter ihrer Ginta-Adresse (ohne eigene Domain), mit einem kleinen Abzeichen „Erstellt mit Ginta“ in der Ecke. Die Hosting-Pläne sind für alle gemacht, die mit Claude oder ChatGPT bauen: Hosting (5 € im Monat oder 50 € im Jahr) hat 50 Websites, 1 Domain und kein Abzeichen; Hosting Plus (15 €) und Hosting Studio (49 €) haben mehr. Alle Pläne: Preise.

Andere Wege, aus Claude zu veröffentlichen

Ginta ist nicht die einzige Möglichkeit und nicht für alles die richtige. Laut den eigenen Seiten der Anbieter, geprüft am 12. Oktober 2026:

Mehr Details, mit Quellen: Website-Baukästen mit MCP-Server im Vergleich.

Fragen

Kann Claude ohne Connector eine Website erstellen?

Claude kann HTML, CSS und JavaScript für eine Website schreiben und sie dir im Chat zeigen. Um sie unter einer Adresse online zu stellen, die deine Kundschaft besuchen kann, braucht es Hosting: Ein Connector wie der von Ginta erledigt das im selben Gespräch.

Funktioniert das auch mit ChatGPT?

Ja. Mit ChatGPT Plus, Pro, Business, Enterprise und Edu fügst du Ginta über den Entwicklermodus im Browser hinzu (Plugins → + → Add custom MCP server), und ChatGPT kann Websites bauen und ändern (geprüft am 19. Oktober 2026; am 18. Oktober haben wir eine aus Plus veröffentlicht). Im kostenlosen Plan das Ginta-Plugin aus dem Plugin-Verzeichnis von ChatGPT, sobald es freigegeben ist. ChatGPT bittet dich um Bestätigung, bevor Ginta eine Änderung veröffentlicht. Schritte: Ginta in ChatGPT nutzen (auf Englisch).

Ist es sicher, Claude meine Website ändern zu lassen?

Claude sieht nur die Websites in dem Ginta-Konto, mit dem du dich angemeldet hast, und erst, nachdem du auf Allow geklickt hast. Jede Änderung erzeugt eine neue Version, die du rückgängig machen kannst, und du kannst die Verbindung jederzeit trennen, indem du den Connector entfernst.

Muss ich wissen, was MCP ist, um es zu nutzen?

Nein. Du fügst Ginta einmal aus dem Connector-Verzeichnis von Claude hinzu (oder fügst eine Adresse als eigenen Connector ein), meldest dich an und sagst dann einfach in normalen Worten, was du willst.

Mit Hilfe von KI für Ginta geschrieben. Ginta wird von Povilas betrieben, der auch einen Kurs zum Website-Bauen gibt. Die Screenshots stammen aus dem echten Ginta am oben genannten Datum, die Preise von unserer Preisseite.

Ginta mit Claude verbinden

Füg Ginta aus dem Connector-Verzeichnis von Claude hinzu (oder als eigenen Connector unter https://ginta.app/mcp), melde dich an und bitte um eine Website.

Meine Website erstellen

Weiterlesen