Verbinde Claude, ChatGPT oder Cursor per MCP mit dem KI-App-Builder
Der Chattee MCP-Server ist ein Remote-Server für das Model Context Protocol, über den KI-Assistenten wie Claude Code, Claude.ai, Cursor, Codex und ChatGPT komplette Web-Apps auf Chattee erstellen, ändern, deployen und veröffentlichen.
Wie verbindest du deinen Assistenten mit dem Chattee MCP-Server?
Wähl unten deinen Assistenten und kopier eine Zeile oder eine URL. Claude, ChatGPT, Cursor und Claude Desktop melden sich mit deinem Chattee-Konto an, du fügst also keinen Schlüssel ein; in Claude Code ist es ein Befehl plus eine Anmeldung im Browser. Codex, Skripte und das Agent SDK nutzen ein Personal Access Token. Das dauert etwa zwei Minuten.
Kein Token nötig: Du meldest dich mit deinem Chattee-Konto an
Füge Chattee einmal für deinen Nutzer hinzu, dann ist es in jedem Projekt da, und melde dich an. In Claude Code meldet dich auch /mcp an.
1 · Server hinzufügen
claude mcp add --transport http chattee --scope user https://chattee.ai/mcp/connect2 · Anmelden
claude mcp login chatteeEinrichtung mit dem Team teilen? Nimm eine .mcp.json
Committe diese Datei im Wurzelverzeichnis des Repositorys. Ein Token steht nicht darin: Claude Code liest das eigene Token jeder Person aus der Umgebungsvariable CHATTEE_PAT.
.mcp.json im Wurzelverzeichnis des Repositorys
{
"mcpServers": {
"chattee": {
"type": "http",
"url": "https://chattee.ai/mcp/connect",
"headers": {
"Authorization": "Bearer ${CHATTEE_PAT}"
}
}
}
}Das Snippet liest dein Token aus CHATTEE_PAT. Leg eins an, und die Seite KI-Assistenten zeigt dir diese Einrichtung noch einmal mit deinem Token, ein einziges Mal.
Chattee-Skill holen (SKILL.md, auf Englisch) Speichere ihn als ~/.claude/skills/chattee/SKILL.md, dann weiß Claude Code, wann und wie es Chattee nutzt.
Kein Token nötig: Du meldest dich mit deinem Chattee-Konto an
Füge Chattee als eigenen Connector hinzu, dann ist es in jedem Chat da: im Web, in Claude Desktop und in den Apps. Das geht in jedem Plan; im kostenlosen ist ein eigener Connector möglich. Die Menüpunkte heißen wie in der englischen Oberfläche.
- Öffne Customize → Connectors, klick auf + und wähle Add custom connector.
- Füge die URL unten ein und klick auf Add.
- Klick auf Connect, melde dich bei Chattee an und bestätige.
Connector-URL
https://chattee.ai/mcp/connectChattee-Skill herunterladen (.zip, auf Englisch) Lade ihn unter Customize → Skills hoch und schalte ihn ein, dann weiß Claude, wann und wie es Chattee nutzt.
Kein Token nötig: Du meldest dich mit deinem Chattee-Konto an
Claude Desktop nutzt deine Claude-Connectors: Hast du Chattee schon auf claude.ai hinzugefügt, ist der Connector auch in der App da. Sonst fügst du ihn in der App so hinzu:
- Öffne Customize → Connectors, klick auf + und wähle Add custom connector.
- Füge die URL unten ein und klick auf Add.
- Klick auf Connect, melde dich bei Chattee an und bestätige.
Connector-URL
https://chattee.ai/mcp/connectChattee-Skill herunterladen (.zip, auf Englisch) Lade ihn unter Customize → Skills hoch (das gilt auch für Claude.ai) und schalte ihn ein.
Kein Token nötig: Du meldest dich mit deinem Chattee-Konto an
Ein Klick installiert Chattee in Cursor, danach bittet Cursor dich um die Anmeldung. Lieber per Datei? Dieselben Zeilen gehören in ~/.cursor/mcp.json.
~/.cursor/mcp.json
{
"mcpServers": {
"chattee": {
"url": "https://chattee.ai/mcp/connect"
}
}
}Chattee-Skill holen (SKILL.md, auf Englisch) Speichere ihn als ~/.cursor/skills/chattee/SKILL.md, dann weiß der Agent in Cursor, wann und wie er Chattee nutzt.
Mit Personal Access Token
Codex CLI verbindet sich mit einem Personal Access Token aus der Umgebungsvariable CHATTEE_PAT. Füge den Server mit einem Befehl hinzu oder in ~/.codex/config.toml.
Server hinzufügen
codex mcp add chattee --url https://chattee.ai/mcp/connect --bearer-token-env-var CHATTEE_PATOder in ~/.codex/config.toml
[mcp_servers.chattee]
url = "https://chattee.ai/mcp/connect"
bearer_token_env_var = "CHATTEE_PAT"Das Snippet liest dein Token aus CHATTEE_PAT. Leg eins an, und die Seite KI-Assistenten zeigt dir diese Einrichtung noch einmal mit deinem Token, ein einziges Mal.
Chattee-Skill holen (SKILL.md, auf Englisch) Speichere ihn als ~/.agents/skills/chattee/SKILL.md, dann weiß Codex, wann und wie es Chattee nutzt.
Kein Token nötig: Du meldest dich mit deinem Chattee-Konto an
ChatGPT verbindet sich per OAuth im Developer mode, im Web und in einem bezahlten Plan; in einem Business- oder Enterprise-Workspace muss ihn eventuell ein Admin erlauben. Die Menüpunkte heißen wie in der englischen Oberfläche.
- Schalte unter Settings → Security and login den Developer mode ein.
- Öffne ChatGPT Plugins, klick auf +, nenn die Verbindung Chattee und füge die URL unten als Server-URL ein.
- Melde dich bei Chattee an und bestätige, dann wähl in einem Chat im +-Menü Developer mode und Chattee aus.
Server-URL
https://chattee.ai/mcp/connectMit Personal Access Token
Ein Agent auf dem Claude Agent SDK übergibt Chattee in den Optionen von query(), mit einem Personal Access Token aus CHATTEE_PAT. Lass bei approve_plan einen Menschen entscheiden.
Optionen von query()
mcpServers: {
chattee: {
type: "http",
url: "https://chattee.ai/mcp/connect",
headers: { Authorization: "Bearer " + process.env.CHATTEE_PAT },
},
}Das Snippet liest dein Token aus CHATTEE_PAT. Leg eins an, und die Seite KI-Assistenten zeigt dir diese Einrichtung noch einmal mit deinem Token, ein einziges Mal.
Chattee-Skill holen (SKILL.md, auf Englisch) Leg ihn in deinem Projekt als .claude/skills/chattee/SKILL.md ab; setzt du settingSources, nimm "project" mit auf.
OAuth-2.1-Anmeldung oder Personal Access Token
Jeder MCP-Client, der Remote-Server über Streamable HTTP unterstützt: Trag die URL unten ein und melde dich per OAuth 2.1 an, oder schick ein Personal Access Token als Authorization: Bearer-Header.
Server-URL
https://chattee.ai/mcp/connectLeg ein Token an, und die Seite KI-Assistenten zeigt es dir ein einziges Mal, bereit zum Einfügen in deinen Client.
Chattee-Skill holen (SKILL.md, auf Englisch) Liest dein Client Agent Skills, füge ihn so hinzu, wie seine Doku es beschreibt.
Server-URL https://chattee.ai/mcp/connect
App erstellen mit KI – was kann dein Assistent mit Chattee tun?
Alles, was der Builder kann, aus deinem eigenen Chat: Dein Assistent legt aus einer Beschreibung ein Projekt an, reicht dir den Plan von Chattee weiter, beobachtet den Build, gibt dir die Draft-Vorschau, veröffentlicht auf eine Live-URL, startet aus Vorlagen, bearbeitet Dateien, setzt Konfiguration und liest die Datenbank. Komplette Web-Apps mit Datenbank, Login und Dateispeicher, keine Frontend-Demos.
Apps erstellen und ändern
Aus einer Beschreibung wird ein Plan, aus dem Plan eine deployte App. Nachträge gehen in denselben Chat, im Plan- oder Edit-Modus.
Pläne freigeben
Jeder Plan wird dir vollständig weitergereicht. Dein Assistent gibt erst frei, wenn du Ja gesagt hast, oder schickt dein Feedback zurück.
Auf eine Live-URL veröffentlichen
Draft nach Live mit einem Aufruf: Ein Release wird gebaut, beim ersten Veröffentlichen werden die Daten kopiert, und die Live-URL kommt zurück.
Vorlagen
Starte ein Projekt aus einer Vorlage, oder friere eine fertige App als Vorlage ein und veröffentliche sie für alle.
Dateien und Konfiguration
Dateien lesen und schreiben, Umgebungsvariablen setzen, Datenbank, Login, Speicher oder E-Mail als Managed Resource hinzufügen.
Diagnose
Run-Logs, Deploy-Logs, Container-Ausgaben, Release-Verlauf und dein Credit-Stand, wenn etwas einen Blick braucht.
So funktioniert es
Drei Schritte, und bei jeder Entscheidung bist du dabei: Du beschreibst deinem Assistenten die App, Chattee plant sie und du gibst den Plan in deinem Chat frei, dann baut, deployt und hostet Chattee die App und dein Assistent gibt dir die Vorschau. Pläne und Geldentscheidungen bleiben bei dir; der Assistent reicht sie nur weiter.
Beschreibe die App
In Claude, Cursor, Codex oder ChatGPT: was sie tut, für wen, was sie haben muss. Häng ein Lastenheft oder einen Screenshot an, wenn du magst.
Prüfe den Plan in deinem Chat
Chattee antwortet mit einem Plan: Module, Datenbank, Login, Seiten. Dein Assistent zeigt ihn dir vollständig; du gibst frei oder wünschst Änderungen.
Bekomm die fertige App
Chattee baut sie in 5–90 Minuten und prüft sie im Browser; dein Assistent gibt dir die Draft-Vorschau. Sag „veröffentlichen“, und du bekommst die Live-URL.
-
Du:
Bau mir eine App für unseren Sportverein, den TSV Grünwald. Mitglieder registrieren sich und melden sich an, sehen die Trainingszeiten und die nächsten Termine und können sich für einen Termin anmelden. Dafür bekommen sie eine Bestätigung per E-Mail. Der Vorstand lädt Dokumente wie Sitzungsprotokolle hoch, die alle Mitglieder lesen können. Veröffentliche die App, wenn sie fertig ist.
- Aufgerufene Chattee-Tools:
create_projectrunningwait_for_runawaiting_input
-
Claude:
Ich habe das Projekt TSV Grünwald angelegt. Bevor der Planungs-Agent den Plan schreibt, hat er zwei Fragen zur Gestaltung: wie die Mitglieder-App wirken soll und welche Hauptfarbe sie bekommt.
-
Du:
Sportlich & kräftig bitte, als Hauptfarbe Grün (mit Weiß kombiniert).
- Aufgerufene Chattee-Tools:
answer_question×2runningwait_for_run×2awaiting_approval
-
Claude:
Der Plan liegt zur Freigabe vor. Gebaut wird erst, wenn du zustimmst.
Plan von Chattee, wartet auf deine Freigabe
Module
- Node.js-Backend
- React-Frontend
Verwaltete Ressourcen, bereitgestellt bei der Freigabe
- Postgres-Datenbank
- Login
- Dateispeicher
-
Du:
Der Plan sieht super aus und deckt alles ab, was ich brauche – bitte gib ihn frei und bau die App.
- Aufgerufene Chattee-Tools:
approve_plandeployingwait_for_run×16paused_timeoutcontinue_runrunningwait_for_run×2completedpublish_projectget_release_status
-
Claude:
Die App ist gebaut und veröffentlicht: https://tsv-gruenwald.chattee.ai. Mitglieder registrieren sich, sehen die Trainingszeiten und die nächsten Termine und melden sich mit einem Klick für einen Termin an; der Vorstand lädt Dokumente wie Sitzungsprotokolle hoch. Die 23 automatischen Tests laufen fehlerfrei durch. Der Lauf hatte unterwegs sein Zeitlimit erreicht, deshalb habe ich ihn ohne Budget-Erhöhung fortgesetzt. Die Bestätigungs-E-Mails gehen raus, sobald du im Tab „Data“ einen E-Mail-Anbieter verbindest.
-
Du:
Super, vielen Dank! Um den E-Mail-Anbieter und die Vorstandsrechte kümmere ich mich selbst im Builder.
Vibe Coding, das online geht
Vibe Coding heißt: Du beschreibst, was du willst, und die KI schreibt den Code. Schwierig war nie der erste Entwurf, sondern das danach: Hosting, eine Datenbank, Login, E-Mail, eine Domain und sicheres Veröffentlichen. Chattee stellt all das für jede App bereit, die dein Assistent baut, damit aus Vibe Coding per MCP vom ersten Tag an eine echte App wird.
In Deutschland gehostet, DSGVO
Apps, Datenbanken und Dateien laufen auf Servern in Deutschland, nach der DSGVO.
Hosting mit HTTPS
Jede App bekommt eine Draft-Vorschau und eine Live-URL auf chattee.ai, mit HTTPS, ab dem ersten Build.
Verwaltetes Postgres
Eine Datenbank pro Projekt, betrieben und gesichert von Chattee. Dein Assistent kann sie per MCP abfragen.
Login und Benutzerkonten
Registrierung, Anmeldung, Passwort-Reset und Magic Links. Deine Nutzer sind eine Tabelle, die deine App per JOIN verknüpft.
Dateispeicher
Uploads, die jeden Neubau überstehen. Öffentliche Dateien bekommen eine URL, private nie.
Transaktionsmails über dein eigenes Brevo-, Mailchimp- oder SES-Konto. Der Schlüssel kommt nie in die App.
Deine eigene Domain
Bring die Live-App auf deine eigene Domain, wenn du so weit bist.
Draft und Live
Auf Draft bauen, auf Live veröffentlichen, zu einem früheren Release zurück. Live hat eine eigene Datenbank.
Verschlüsselte Umgebungsvariablen
API-Schlüssel und Einstellungen, verschlüsselt, pro Umgebung.
Fang mit den kostenlosen Tools an, für ein Lastenheft, ein Schema oder eine Kostenschätzung, gib die Beschreibung deinem Assistenten, und lies was Vibe Coding ist, wenn der Begriff neu für dich ist.
Wie sich Chattee per MCP von anderen KI-App-Buildern unterscheidet
Coding-Agenten schreiben guten Code, überlassen dir aber Hosting, Datenbank, Login und E-Mail, und die meisten KI-App-Builder bedienst du in ihrem eigenen Chat-Fenster. Chattee per MCP verbindet beides: Dein eigener Assistent steuert einen Builder, der diese Infrastruktur bereitstellt, die App deployt und hostet und nur einen Plan baut, den du freigegeben hast.
| Funktion | Chattee per MCP | Dein Coding-Agent allein | Coding-Agent + selbst zusammengestellter Stack | App-Builder im eigenen Chat |
|---|---|---|---|---|
| Start aus Claude, ChatGPT, Cursor oder Codex | Ja | Ja | Ja | Teilweise manche mit Connector |
| Hosting mit HTTPS, live mit einem Aufruf | Ja | Nein | Teilweise Hoster anbinden | Ja |
| Postgres pro Projekt bereitgestellt | Ja | Nein | Teilweise eigenes Konto | Ja meist |
| Login und Benutzerkonten | Ja | Nein | Teilweise eigener Anbieter | Ja meist |
| Dateispeicher | Ja | Nein | Teilweise eigener Dienst | Teilweise je nach Produkt |
| E-Mail über deinen eigenen Anbieter, der Schlüssel nie in der App | Ja | Nein | Teilweise baust du selbst an | Teilweise je nach Produkt |
| Draft- und Live-Umgebung mit Rollback | Ja | Nein | Teilweise Previews; die Daten sind deine Sache | Teilweise je nach Produkt |
| Deine eigene Domain | Ja | Nein | Ja über deinen Hoster | Ja |
| Ein Plan, den du freigibst, bevor gebaut wird | Ja bei jedem Lauf | Teilweise wenn du darum bittest | Teilweise wenn du darum bittest | Teilweise je nach Produkt |
| Vor der Übergabe in einem echten Browser geprüft | Ja | Teilweise Zusatz-Tools | Teilweise Zusatz-Tools | Teilweise je nach Produkt |
| In Deutschland gehostet, nach DSGVO | Ja | Teilweise wo du deployst | Teilweise eine Region pro Dienst | Teilweise je nach Produkt |
| Konten und Rechnungen für den Betrieb | Eins | Noch läuft nichts | 3–5 | Eins |
- Enthalten
- Teilweise oder mit Zusatzaufwand
- Nicht enthalten
Preise und Limits
Die Verbindung kostet nichts. Das Bauen verbraucht die Credits deines Chattee-Plans, genau wie im Browser, und der kostenlose Plan enthält Credits zum Start. Ein Lauf pro Projekt zur Zeit, 120 Tool-Aufrufe pro Minute und Nutzer, und ein Lauf, der sein Budget erreicht, pausiert; dein Assistent erhöht es nur auf eine Summe, die du selbst nennst.
Zu den PlänenHäufige Fragen
Kann ChatGPT mir eine App erstellen?
Ja. Schalte in ChatGPT den Developer mode ein, füge Chattee unter ChatGPT Plugins als Verbindung hinzu, melde dich an und beschreibe die App. ChatGPT reicht dir den Plan von Chattee weiter, du gibst ihn frei, Chattee baut, deployt und hostet die App, und ChatGPT gibt dir die Vorschau und die Live-URL.
Brauche ich einen bezahlten ChatGPT-Plan?
Ja. ChatGPT verbindet sich mit einem MCP-Server wie Chattee über seinen Developer mode, den OpenAI in den bezahlten Plänen (Plus, Pro, Business, Enterprise und Edu) und nur im Web anbietet; in einem Business-, Enterprise- oder Edu-Workspace muss ihn eventuell erst ein Admin erlauben. Die Verbindung mit Chattee kostet nichts; das Bauen verbraucht die Credits deines Chattee-Plans.
Welche KI-Assistenten können Chattee nutzen?
Claude Code, Claude.ai, Claude Desktop und die Claude-Apps, Cursor, Codex CLI, ChatGPT sowie jeder Agent auf dem Claude Agent SDK oder ein anderer MCP-Client, der Streamable HTTP spricht.
Funktioniert Chattee mit VS Code, Gemini CLI oder Windsurf?
Das sollte es: Alle drei unterstützen Remote-MCP-Server über Streamable HTTP, und genau das ist Chattee, mit OAuth-2.1-Anmeldung oder Personal Access Token. Selbst getestet haben wir sie noch nicht, deshalb behandelt die Doku die Clients oben; trag https://chattee.ai/mcp/connect in deinen Client ein und melde dich an, oder schick ein Token als Bearer-Header.
Was ist ein MCP-Server, einfach erklärt?
Ein Dienst, den ein KI-Assistent aufrufen kann, mit einem festen Satz von Aktionen, die er versteht. Das Model Context Protocol ist die gemeinsame Sprache, deshalb funktioniert ein Server mit jedem Assistenten, der sie spricht. Der Server von Chattee bietet 35 Aktionen: Projekt anlegen, Plan freigeben, veröffentlichen und so weiter.
Was ist ein Claude-Connector, und ist das dasselbe wie ein MCP-Server?
Über einen Connector erreichen Claude.ai, Claude Desktop und die Claude-Apps einen MCP-Server: Du fügst die URL des Servers als eigenen Connector hinzu, meldest dich einmal an, und seine Tools erscheinen in deinen Chats. Der Connector von Chattee ist sein MCP-Server unter https://chattee.ai/mcp/connect; Claude Code fügt denselben Server mit einem Befehl hinzu.
Muss ich etwas installieren?
Nein. Der Server läuft auf chattee.ai. Du trägst seine URL in deinen Client ein oder führst in Claude Code oder Codex einen Befehl aus und meldest dich an.
Ist die Verbindung sicher?
Ja. Clients melden sich mit OAuth 2.1 und PKCE an oder nutzen ein Personal Access Token mit Scopes; Tokens werden gehasht gespeichert und lassen sich jederzeit auf der Seite KI-Assistenten widerrufen. Jeder Aufruf wird gegen seinen Scope geprüft und durchläuft dieselben Guardrails wie der Builder.
Wo werden meine Apps und Daten gehostet?
In Deutschland. Chattee betreibt deine Apps, ihre Datenbanken und ihre hochgeladenen Dateien auf Servern in Deutschland und verarbeitet deine Daten nach der DSGVO. Die Unterhaltung selbst bleibt beim Anbieter deines Assistenten, nach dessen Bedingungen; Chattee erhält nur die Tool-Aufrufe.
Was kostet das?
Die Verbindung ist kostenlos. Das Bauen verbraucht die Credits deines Plans, genau wie im Browser; der kostenlose Plan enthält Credits zum Start. Dein Assistent kauft nie Credits und erhöht das Budget eines pausierten Laufs nur auf eine Summe, die du selbst nennst. Eine Pause, über die niemand entscheidet, endet nach 30 Minuten von selbst, und die Arbeit bleibt erhalten.
Kann es die App auch deployen?
Ja. Jeder freigegebene Plan wird gebaut und als Draft-Vorschau auf chattee.ai deployt, und das Veröffentlichen bringt die App auf eine Live-URL oder deine eigene Domain, samt Datenbank, Login und Dateispeicher.
Funktioniert das auf Deutsch?
Ja. Den Builder und diese Seite gibt es auf Deutsch, und du kannst deine App auf Deutsch beschreiben. Die Antworten des MCP-Servers selbst sind auf Englisch; dein Assistent gibt sie dir in deiner Sprache weiter.
Verbinde deinen Assistenten mit Chattee
Zwei Minuten Einrichtung, dann baut, deployt und veröffentlicht dein Assistent auf Chattee, und du gibst jeden Plan frei.
