Claude Code + MCP
Kundenwebsites mit Claude Code bauen – auf einem Backend für Agenten
Claude Code schreibt die statische Website des Kunden in Ihr Repository – standardmäßig Astro. Über den MCP-Server von jtakeit prüft, baut und zeigt es sie als Vorschau; jtakeit betreibt dahinter Panel, Formulare, Buchungen und Hosting.
$ npx @jtakeit/astro create client-site --locale en
$ cd client-site && npm ci
$ claude
> Write the site from the brief. Make the hero, the
questions and the form editable, then run the
catalogue check and push.01/ Verbinden
Den MCP-Server verbinden
Zwei Befehle in Claude Code und eine Bestätigung im Panel. Jeder Client, der MCP spricht, verbindet sich genauso – Claude Code ist hier das Beispiel.
$ claude mcp add --transport http jtakeit https://mcp.jtakeit.com/mcp
$ claude mcp login jtakeit
# the panel opens in your browser — approve, and it's done{
"mcpServers": {
"jtakeit": {
"type": "http",
"url": "https://mcp.jtakeit.com/mcp"
}
}
}- 1
Server hinzufügen
Fügen Sie den MCP-Server von jtakeit zu Ihrem Agenten hinzu: zwei Befehle in Claude Code oder ein paar Zeilen Konfiguration in einem anderen MCP-Client.
- 2
Im Panel bestätigen
Ihr MCP-Client öffnet das jtakeit-Panel im Browser. Sie melden sich an und bestätigen die Verbindung.
- 3
Fertig – kein Schlüssel zu kopieren
Kein API-Schlüssel wird angezeigt oder kopiert. Der Zugang gehört Ihnen, und Sie widerrufen ihn im Panel unter „Agenten“ – er endet sofort.
Dann fragen
Fragen Sie in einfachen Worten. Der Agent legt das Projekt an, schreibt die Seiten, baut die Website und gibt Ihnen einen Vorschau-Link für den Kunden.
$ claude
> Create a site for my client's barbershop on jtakeit02/ Der Ablauf
Eine Website mit einem KI-Agenten bauen, vom Scaffold bis zum Preflight
Der Agent arbeitet an zwei Orten: im git-Repository, wo er die Website schreibt und prüft, und auf der Plattform, über den MCP-Server von jtakeit, wo er sie baut, als Vorschau bereitstellt und erneut prüft.
# in the repository
$ npx @jtakeit/astro catalogue
# writes jtk/catalogue.json, builds the site and checks
# every page against it — both directions
$ git push origin main# then over MCP, from the agent
validate_catalogue # judges the pushed commit, all findings at once
create_site # the site on the platform
attach_repo # imports the branch
commit_and_build # the first build — nothing goes public
get_build # until it settles; get_build_log if it fails
get_built_page # read what was actually built
get_preview_link # the link a person looks at
preflight # before anyone says it is done- Schreiben. Die Seiten, was der Inhaber bearbeiten darf, und die Texte – alles Dateien in git. Astro ist der Standard; jeder statische Generator lässt sich nach denselben Vorgaben aufbauen.
- Lokal prüfen. Die Katalogprüfung lehnt ein Feld ab, das deklariert, aber nicht gerendert ist – oder gerendert, aber nicht deklariert.
- Bauen. Der erste Build dauert mit dem Astro-Scaffold unter einer Minute, mit einem anderen Generator etwa 90 Sekunden, und nichts geht öffentlich.
- Preflight. Die letzte Prüfung, bevor jemand es für fertig erklärt – und der Kunde gibt eine Vorschau frei, bevor er zahlt.
03/ Die Tools
Der MCP-Server: 24 Tools
jtakeit spricht das Model Context Protocol, also ruft der Agent die Plattform auf wie alles andere auch: beim Namen, mit einem Ergebnis, das er lesen kann. Das hier sind alle.
Websites
create_siteget_sitelist_sitesattach_repoimport_branch
Builds
commit_and_buildtrigger_buildget_buildget_build_logget_built_pagerollback
Prüfungen
validate_catalogueget_registrypreflightget_preview_link
Dev-Session
open_dev_sessionget_dev_filessend_dev_catalogueclose_dev_session
Inhalte & Konto
get_contentlist_entriesget_statsget_allowanceget_prices
04/ Die Grenzen
Was der Agent nicht kann – mit Absicht
Manche Entscheidungen gehören einem Menschen. Die Plattform ist so gebaut, dass ein Agent sie nicht treffen kann:
- Er kann die Kundschaft Ihres Kunden nicht einsehen – weder Anfragen noch Buchungen oder Mitglieder.
- Er kann die Struktur einer Website nicht über ein Tool ändern. Struktur ist ein Commit und ein Import, die Sie lesen und prüfen können.
- Er kann keine Website auf ihrer eigenen Domain live schalten, niemanden einladen und keinen weiteren Agenten verbinden. Das erledigt ein Mensch im Panel.
- Auf einer live geschalteten Website ist sein Build ein Kandidat. Veröffentlichen tut ihn ein Mensch.
05/ Dev-Session
Die Dev-Session: Ihr lokaler Server, mit den echten Texten des Inhabers
Eine Dev-Session rahmt den lokalen Dev-Server mit den echten Texten des Inhabers, bevor irgendetwas gepusht wird – so wird die nächste Änderung des Agenten an den Worten gemessen, die der Kunde tatsächlich geschrieben hat, nicht am Platzhalter, mit dem er begann.
So fügt sich das ins Gesamtbild: Der Agent schreibt die Website, und jtakeit, das Backend für Kundenwebsites, betreibt Panel, Formulare, Buchungen und Abrechnung. Was der Inhaber bearbeiten darf, wird genauso deklariert wie in jedem Astro CMS für Kundenwebsites auf jtakeit, und wenn Sie das gegen einen visuellen Builder abwägen, lesen Sie jtakeit im Vergleich zu Webflow.
06/ Fragen
Bauen mit einem Agenten
- Kann Claude Code eine Website bauen?
- Ja. Claude Code schreibt Dateien, also kann es eine statische Website schreiben – auf dem Astro-Scaffold von jtakeit oder mit Next.js, Nuxt, SvelteKit, Eleventy oder Vite: Seiten, Komponenten und Inhalte. jtakeit gibt ihm ein Scaffold als Ausgangspunkt und einen MCP-Server, um die Website zu bauen, als Vorschau bereitzustellen und zu prüfen – und betreibt dann Hosting, Formulare, Buchungen und Zahlungen.
- Wie verbinde ich Claude Code mit jtakeit?
- Fügen Sie den MCP-Server von jtakeit mit zwei Befehlen in Claude Code hinzu. Das Panel öffnet sich in Ihrem Browser; Sie melden sich an und bestätigen die Verbindung. Kein API-Schlüssel wird angezeigt oder kopiert, und Sie können den Zugang im Panel unter „Agenten“ widerrufen – er endet sofort.
- Was ist eine MCP-Plattform für Websites?
- Eine Plattform, die ein KI-Agent über das Model Context Protocol steuert. Der MCP-Server von jtakeit hat 24 Tools: Damit prüft der Agent, was der Inhaber bearbeiten darf, legt die Website an, baut sie, holt einen Vorschau-Link und führt die letzten Prüfungen aus, bevor jemand sie für fertig erklärt.
- Was kann der Agent auf jtakeit nicht?
- Er kann die Kundschaft Ihres Kunden nicht einsehen: Anfragen, Buchungen oder Mitglieder. Er kann die Struktur einer Website nicht über ein Tool ändern; das ist ein Commit und ein Import. Er kann keine Website auf ihrer eigenen Domain live schalten, niemanden einladen und keinen weiteren Agenten verbinden; das erledigt ein Mensch im Panel.
- Prüfe ich weiterhin, was der Agent schreibt?
- Ja, und das ist möglich, weil alles, was er schreibt, eine Datei in Ihrem git-Repository ist. Auf einer live geschalteten Website ist der Build eines Agenten ein Kandidat, und ein Mensch veröffentlicht ihn.
- Funktioniert es nur mit Claude Code?
- Nein. Jeder Client, der MCP spricht, verbindet sich genauso: den MCP-Server von jtakeit hinzufügen und im Panel bestätigen. Claude Code ist der Agent, den diese Seite zeigt, weil er so mit Dateien und einem Terminal arbeitet, wie es der oben beschriebene Ablauf braucht.
07/ kostenlos testen
Bauen Sie Ihre nächste Kundenwebsite mit Claude Code
Registrieren Sie sich im Panel und bauen Sie Ihre erste Kundenwebsite. Bauen und Vorschau kosten nichts – einen Einkaufspreis zahlen Sie erst, wenn eine Website live geht.
Kostenlos testenadmin.jtakeit.com
- Kostenlos, bis eine Website live geht
- Danach ein Einkaufspreis pro Live-Website, ab €5 im Monat
- Der Code bleibt in Ihrem git-Repository