Zum Hauptinhalt springen

KI-Assistenten (MCP)

Verbinde WebTwizz mit deinem KI-Assistenten, um deine Websites im Gespräch zu erstellen, zu ändern und zu veröffentlichen. Der Assistent beauftragt WebTwizz mit der Arbeit. Alles wird in deinem WebTwizz-Konto gespeichert, damit du jede Website im Editor öffnen und weiterbearbeiten kannst.

WebTwizz funktioniert mit jedem Assistenten, der sich mit einem MCP-Server verbinden kann. Die Server-URL lautet:

https://app.webtwizz.com/mcp

Verbinden​

ChatGPT​

Demnächst verfügbar

WebTwizz ist bald im App-Verzeichnis von ChatGPT verfügbar.

  1. Öffne WebTwizz im App-Verzeichnis von ChatGPT oder suche dort nach WebTwizz.
  2. Klicke auf Verbinden.
  3. Melde dich bei WebTwizz an oder erstelle ein kostenloses Konto und erlaube den Zugriff.

Claude​

  1. Öffne in Claude im Browser oder in der Desktop-App die Einstellungen, dann Connectors, und wähle Benutzerdefinierten Connector hinzufügen.
  2. Füge die Server-URL ein und bestätige.
  3. Melde dich bei WebTwizz an oder erstelle ein kostenloses Konto und erlaube den Zugriff.

Claude Code​

  1. Führe claude mcp add --transport http webtwizz https://app.webtwizz.com/mcp in deinem Terminal aus.
  2. Gib in Claude Code /mcp ein und wähle WebTwizz.
  3. Melde dich im Browserfenster, das sich öffnet, bei WebTwizz an.

Codex​

  1. Führe codex mcp add webtwizz --url https://app.webtwizz.com/mcp in deinem Terminal aus.
  2. Führe codex mcp login webtwizz aus.
  3. Melde dich im Browserfenster, das sich öffnet, bei WebTwizz an. Die Codex-App und die Editor-Erweiterung verwenden dieselbe Einrichtung.

Cursor​

  1. Öffne Cursor-Einstellungen, dann MCP, und füge einen neuen MCP-Server hinzu.
  2. Füge diese Konfiguration ein oder ergänze sie in ~/.cursor/mcp.json:
{
  "mcpServers": {
    "webtwizz": { "url": "https://app.webtwizz.com/mcp" }
  }
}
  1. Klicke neben WebTwizz auf Anmelden und melde dich an.

VS Code​

  1. Führe code --add-mcp '{"name":"webtwizz","type":"http","url":"https://app.webtwizz.com/mcp"}' aus oder wähle MCP: Server hinzufügen in der Befehlspalette und füge die Server-URL ein.
  2. Starte WebTwizz über die Liste der MCP-Server.
  3. Melde dich bei WebTwizz an, wenn VS Code dich dazu auffordert.

Andere Assistenten​

Jeder MCP-Client, der einen Remote-Server über HTTP mit Anmeldung hinzufügen kann, kann WebTwizz nutzen. Füge die Server-URL hinzu. Wähle OAuth, falls du nach der Anmeldemethode gefragt wirst. Melde dich dann bei WebTwizz an und erlaube den Zugriff.

Bitte deinen Assistenten nach dem Verbinden, WebTwizz zu verwenden, zum Beispiel: „Erstelle mir eine Website für meine Bäckerei mit einer Speisekarte und Öffnungszeiten“. Die E-Mail-Adresse deines WebTwizz-Kontos muss bestätigt sein, bevor der Assistent etwas erstellen oder ändern kann.

Worum du den Assistenten bitten kannst​

  • Website erstellen: Beschreibe sie, starte mit einer Vorlage oder bitte den Assistenten, aus eurem Gespräch eine Website zu erstellen.
  • Website ändern: Texte, Design, neue Abschnitte und Seiten, Korrekturen. Der Assistent kann sich die Website auch ansehen und Änderungen vorschlagen.
  • Veröffentlichen: WebTwizz bittet dich um Bestätigung und veröffentlicht erst, wenn du auf Veröffentlichen klickst. Es kann eine Website auch offline nehmen, umbenennen, ihre webtwizz.app-Adresse ändern oder eine Kopie erstellen.
  • Rückgängig machen: Kehre zu einer beliebigen gespeicherten Version einer Website zurück.
  • Daten: Lies und ändere die Datensätze in der Datenbank deiner Website.
  • Connectors: Nutze Konten, die du bereits verbunden hast, etwa Stripe oder Supabase.
  • GitHub: Push, Pull und andere Git-Aktionen für eine Website, die mit GitHub verbunden ist.
  • Secrets: Sieh nach, welche Secrets eine Website hat, und füge neue hinzu. Öffentliche Einstellungen, die jeder auf deiner Website sehen kann, etwa eine Kontakt-E-Mail-Adresse, werden sofort gespeichert. API-Schlüssel fügst du immer in WebTwizz unter Einstellungen > Secrets ein, nie im Chat.
  • Dateien: Verwende ein Foto, Logo oder Dokument aus dem Gespräch auf deiner Website, auch Bilder, die der Assistent erstellt.

Die WebTwizz-Karte in ChatGPT​

In ChatGPT zeigt eine WebTwizz-Karte im Chat den Fortschritt der Arbeit und anschließend das Ergebnis.

  • Vollbild öffnet die Vorschau in einer großen Ansicht mit dem Chat daneben.
  • Mit Bearbeiten kannst du etwas in der Vorschau anklicken und beschreiben, was sich ändern soll. Du kannst auch auf Text doppelklicken und ihn überschreiben. Eingegebener Text wird sofort gespeichert.
  • Diese Änderung rückgängig machen unter der Vorschau setzt die Website auf den Stand vor der letzten Änderung zurück, sofern seitdem nichts Neues passiert ist.
  • Wenn WebTwizz dich braucht, etwa für eine Frage, die Freigabe eines Schritts oder die Bestätigung einer Veröffentlichung, erscheint oben auf der Karte ein Hinweis. Du kannst dort oder im Chat antworten.
  • In WebTwizz öffnen öffnet die Website im Editor.

Assistent und Editor gemeinsam nutzen​

  • Websites, die du über einen Assistenten erstellst, sind ganz normale WebTwizz-Projekte.
  • Ist eine Website im Editor geöffnet, erscheinen die Änderungen des Assistenten laufend im Chatbereich des Editors und werden vom Editor übernommen.
  • Jede Änderung wird als Version im Versionsverlauf gespeichert.
  • Pro Website läuft immer nur eine Änderung gleichzeitig. Wenn WebTwizz bereits an einer Website arbeitet, teilt der Assistent dir das mit, statt eine weitere Änderung zu starten.
  • Wenn du eine Website aus ChatGPT öffnest, gelangst du über Zurück zu ChatGPT im Menü des Editors wieder zum Gespräch.

Credits und Tarife​

Die Arbeit über einen Assistenten verbraucht deine WebTwizz-Credits genauso wie die Arbeit im Editor. Sind sie aufgebraucht, teilt der Assistent dir das mit und nichts wird geändert. Kostenlose Credits werden täglich aufgefüllt. Funktionen kostenpflichtiger Tarife wie eigene Domains, private Websites und das Herunterladen deines Codes kannst du mit diesen Tarifen auch über einen Assistenten nutzen.

Datenschutz​

Dein Assistent sendet WebTwizz nur, was für deine Anfrage nötig ist: deinen Auftrag, die betroffene Website und Dateien, die du verwenden möchtest. WebTwizz sieht deinen Gesprächsverlauf nicht. Einzelheiten findest du in der Datenschutzerklärung.

Verbindung trennen​

Öffne in WebTwizz die Einstellungen, dann Sitzungen, und trenne unter Verbundene Apps die Verbindung zum Assistenten. Sein Zugriff endet sofort. Wenn du WebTwizz in den Einstellungen des Assistenten entfernst, kann er ebenfalls nicht mehr auf dein Konto zugreifen.

Fehlerbehebung​

  • Es dauert, bis die Vorschau erscheint: Die Vorschau einer Website startet erst, wenn sie gebraucht wird. Bei einer Website, die länger nicht geöffnet wurde, kann das bis zu einer Minute dauern.
  • Der Assistent sagt, dass WebTwizz beschäftigt ist: Auf dieser Website läuft bereits eine Änderung oder ihr Versionsverlauf ist im Editor geöffnet. Warte, bis die Änderung abgeschlossen ist, oder schließe den Versionsverlauf.
  • Der Assistent sagt, dass deine Credits aufgebraucht sind: Es wurde nichts geändert. Credits werden täglich aufgefüllt. Auf der Preisseite erfährst du, wie Credits und Tarife funktionieren.