MCP in der Praxis für TYPO3 · Leitfaden

VS Code mit TYPO3 verbinden

Diese Anleitung verbindet VS Code über den MCP-Server von AI Foundation mit Ihrem TYPO3; AI Foundation ist die kostenlose und quelloffene Erweiterung von T3Planet. Über MCP, das Model Context Protocol, ruft VS Code die Tools Ihres TYPO3 mit den Rechten eines Backend-Benutzers auf. AI Foundation liefert die Einrichtungsschritte für VS Code im Tab Connect seines MCP-Servers mit.

Zur EinrichtungAlle Leitfäden
VVS CodeMCP-ServerAI FoundationTYPO3als ein Backend-BenutzerOAuth-Anmeldung100+ MCP-ToolsVVS CodeMCP-ServerAI FoundationTYPO3als ein Backend-BenutzerOAuth-Anmeldung100+ MCP-Tools
  • Assistent Entwicklung mit GitHub Copilot
  • Einrichtungsanleitung in AI Foundation.

Was Sie mit VS Code nach dem Verbinden tun können

Beginnen Sie mit einer Frage, die nur liest, und übergeben Sie dann echte Arbeit. Zu jeder Folge der Reihe gibt es ein einminütiges Video.

Bevor Sie beginnen

  • AI Foundation ist installiert, und sein MCP-Server ist eingeschaltet. Beides zeigt unsere Folge TYPO3 MCP einrichten (erscheint 14. Okt. 2026).
  • Sie kennen die Server-URL Ihres TYPO3: Im Backend unter MCP Server > Connect. Sie endet auf /mcp.
  • Sie wissen, als welcher Backend-Benutzer der Assistent arbeiten soll. Er erhält dessen Rechte, wählen Sie also einen Benutzer, dessen Rechte zur Aufgabe passen.
  • GitHub Copilot in VS Code. Verwaltet Ihre Organisation Copilot, muss ein Admin MCP-Server gegebenenfalls zuerst erlauben (GitHub, englisch).

VS Code verbinden

  1. Tragen Sie den Server in die MCP-Konfiguration Ihres Workspace ein, die Datei .vscode/mcp.json, mit einem Namen Ihrer Wahl und der Server-URL Ihres TYPO3, im Format der MCP-Konfigurationsreferenz von VS Code (englisch):
    {
  "servers": {
    "typo3": {
      "type": "http",
      "url": "https://<your-site>/mcp"
    }
  }
}
    Annotierter Screenshot des Tabs Connect im MCP-Server von AI Foundation auf unserer Demo-Installation: Remote (OAuth) als empfohlen markiert, die Server-URL mit /mcp am Ende, beide OAuth-Discovery-Adressen erreichbar und die Einrichtungsanleitungen je Client
    MCP Server > Connect auf unserer Demo-Installation: Hier kopieren Sie die Server-URL. Sie endet auf /mcp.
  2. VS Code zeigt den Server in der Datei an. Starten Sie ihn und nutzen Sie die Anmeldung, die VS Code dort anbietet. VS Code öffnet eine TYPO3-Seite in Ihrem Browser. Melden Sie sich als der Backend-Benutzer an, als der der Assistent arbeiten soll, und geben Sie den Zugriff frei.
    Annotierter Screenshot der Seite Authorize Application von AI Foundation auf unserer Demo-Installation: der Client, der Zugriff anfragt, die leeren Felder für Benutzername und Passwort eines TYPO3-Backend-Kontos, der Button Authorize und die Fußzeile AI Foundation MCP Server
    Die Seite, die Ihr Browser bei der ersten Verbindung öffnet. Sie kommt von Ihrem eigenen TYPO3, nicht vom Anbieter des Assistenten.
  3. Nutzen Sie die Tools im Agent-Modus von Copilot Chat. VS Code kann Sie vor jedem Tool-Aufruf um Bestätigung bitten (VS Code, englisch).

Die Verbindung prüfen

  1. Stellen Sie eine erste Frage, die nur liest, in Ihren eigenen Worten, zum Beispiel: Geben Sie mir einen kurzen Überblick über die Seiten unserer Website und die Sprachen, in denen es sie gibt.
  2. Öffnen Sie in TYPO3 MCP Server > OAuth Tokens. Dort steht die Verbindung mit ihrem Backend-Benutzer und der letzten Nutzung. Revoke beendet genau diese Verbindung, alle anderen Assistenten bleiben verbunden.
    Annotierter Screenshot des Tabs OAuth Tokens im MCP-Server von AI Foundation auf unserer Demo-Installation: eine Zeile je Verbindung mit dem Backend-Benutzer, wann das Token erstellt und zuletzt genutzt wurde, wann es abläuft, dem Workspace und einem Button Revoke
    MCP Server > OAuth Tokens: eine Zeile je Verbindung, jede mit eigenem Revoke. Gestrichelte Schnitte entfernen Client-Namen, eine ID und die Tokens.

Gut zu wissen

  • Es gibt keinen Probelauf und kein Werkzeug zum Rückgängigmachen. Lassen Sie den Assistenten vor einer Änderung den aktuellen Wert zeigen, prüfen Sie danach die Seite, und lassen Sie ihn bei Bedarf den alten Wert zurückschreiben.
  • Auf Live wirkt eine Änderung sofort, denn der Assistent arbeitet als der Backend-Benutzer, der ihn freigegeben hat.
  • Was VS Code über MCP liest, geht an seinen Anbieter, wie bei jedem Chat.
  • Die Tools, die AI Foundation mitbringt, sind kostenlos. AI Assistant, AI Accessibility, AI Chatbot und AI Search ergänzen eigene Tools und brauchen jeweils ihre Lizenz.

Fehlerbehebung

Was uns auf unserer Demo-Installation begegnet ist, in der Reihenfolge, in der es Ihnen begegnet.

Die Anmeldeseite öffnet sich nicht

Prüfen Sie, ob VS Code die Server-URL aus MCP Server > Connect hat, mit /mcp am Ende. Ohne Token sollte /mcp mit 401 antworten. Eine 503 heißt, dass der MCP-Server ausgeschaltet ist: Haken Sie Enable MCP Server unter MCP Server > Advanced an, speichern Sie und leeren Sie die Caches.

Die Anmeldung bricht mit einem Redirect-Fehler ab

Nennt die Einrichtung von VS Code eine Redirect-URI, tragen Sie sie in TYPO3 unter MCP Server > Advanced > Allowed Redirect URIs ein und melden Sie sich erneut an.

Die Discovery-Adresse antwortet nicht mit JSON

Die Anmeldung braucht die OAuth-Discovery-Adresse Ihres TYPO3. Antwortet sie nicht mit JSON, prüfen Sie, ob die Site-Konfiguration Ihre öffentliche HTTPS-Adresse nutzt, und leeren Sie dann die Caches.

VS Code bekommt eine 401, obwohl es schon lief

Das Token ist abgelaufen oder wurde widerrufen. Verbinden Sie sich aus VS Code neu und melden Sie sich an; MCP Server > OAuth Tokens zeigt dann die neue Zeile.

Fragen zu VS Code und TYPO3

Ist AI Foundation kostenlos?

Ja. AI Foundation und sein MCP-Server sind kostenlos und quelloffen, ohne Lizenzschlüssel und ohne Registrierung. Die Tools, die AI Foundation mitbringt, sind kostenlos; AI Assistant, AI Accessibility, AI Chatbot und AI Search ergänzen eigene Tools und brauchen jeweils ihre Lizenz. Was VS Code kostet, entscheidet sein Anbieter.

Was kann VS Code in meinem TYPO3 tun?

Das, was der Backend-Benutzer darf, der die Verbindung freigegeben hat, über die Tools, die AI Foundation bereitstellt. AI Foundation und die Erweiterungen der AI Universe bringen zusammen 100+ MCP-Tools mit. Wählen Sie einen Backend-Benutzer, dessen Rechte zur Aufgabe passen.

Kann ich eine Änderung von VS Code zurücknehmen?

Es gibt keinen Probelauf und kein Werkzeug zum Rückgängigmachen. Lassen Sie VS Code vor einer Änderung den aktuellen Wert zeigen, prüfen Sie danach die Seite, und lassen Sie bei Bedarf den alten Wert zurückschreiben. Auf Live wirkt eine Änderung sofort.

Wohin gehen meine Inhalte?

Was VS Code über MCP liest, geht an seinen Anbieter, wie bei jedem Chat. Ob das zu Ihren Datenschutzregeln passt, beurteilen Sie selbst, je nach gewähltem Modell.

Können VS Code und ein anderer Assistent dasselbe TYPO3 nutzen?

Ja. Jede Verbindung bekommt ihre eigene Zeile in MCP Server > OAuth Tokens. So kann Ihre Redaktion einen Assistenten nutzen und Ihre Entwicklung einen anderen, und Sie widerrufen einen, ohne die anderen zu berühren.

Wie trenne ich VS Code wieder?

Öffnen Sie in TYPO3 MCP Server > OAuth Tokens und wählen Sie Revoke in der Zeile der Verbindung. Das beendet genau diese Verbindung; alle anderen Assistenten bleiben verbunden.

Einen weiteren Assistenten verbinden

Ein MCP-Server, eine Anleitung je Assistent. Jeder bekommt eine eigene Verbindung, und Sie können eine widerrufen, ohne die anderen zu berühren.

Unsicher, welcher Assistent passt?

TYPO3 MCP-Clients im Vergleich: wie sich jeder Assistent anmeldet und welchen Status er mit AI Foundation hat.

Ab 14. Okt. 2026
Welcher Assistent passt zu Ihrem Team?

Welcher Assistent zu Ihrem Team passt und mit welchem Tarif, vergleicht TYPO3 MCP-Clients im Vergleich (erscheint 14. Okt. 2026). Alle Anleitungen und Folgen finden Sie auf dem Hub von MCP in der Praxis für TYPO3.

AI Foundation für TYPO3 holen