TokElements

Integrationen

Verbinde TokElements mit Claude oder ChatGPT

TokElements baut Live-Overlays für TikTok LIVE: HTML-Widgets in einer Sandbox, die auf Geschenke, Follows, Abos, Chat und alles andere reagieren, was die Plattform sendet – angezeigt über eine Browserquelle in OBS. Dieser Connector stellt das einem Assistenten zur Verfügung, sodass du ein Widget beschreiben kannst, statt es zu schreiben – und siehst, wie das Ergebnis läuft, bevor es jemals deinen Stream erreicht.

Server-URL

Eine Adresse für beide Plattformen. Sie spricht das Model Context Protocol über HTTPS und authentifiziert mit OAuth 2.1: Du meldest dich selbst bei TokElements an und erteilst den Zugriff ausdrücklich; bis dahin wird nichts mit einem Assistenten geteilt.

https://tokelements.com/api/mcp

Was er kann

Ein Widget per Beschreibung schreiben

Der Assistent schreibt HTML, CSS und JS, legt das Widget in deinem Konto an und zeigt dir eine Live-Vorschau, wie es auf Beispiel-Events reagiert. Vorher liest er die komplette SDK-Referenz, damit der Code echte Trigger nutzt statt erfundener.

Mit dem Katalog starten

Stöbere in den mitgelieferten Vorlagen und denen der Community, installiere jede davon als deine eigene bearbeitbare Kopie und ändere sie von dort aus.

Aufs Overlay bringen

Sieh, was gerade auf deinem Overlay ist, platziere ein Widget, verschieb es oder ändere seine Größe, pass seine Streamer-Einstellungen an und nimm es wieder herunter.

Nach benötigten Dateien fragen

Braucht ein Widget einen Sound oder ein Bild, bekommt es einen Upload-Link, den du selbst öffnest. Der Assistent verschiebt nie Dateien in dein Konto – er fragt, wartet und holt sie ab, sobald du bestätigst.

Worauf er zugreifen kann

Eine Verbindung umfasst die Widgets, Overlays und die Asset-Bibliothek des einen Kontos, das sie autorisiert hat, und sonst nichts. Es gibt eine einzige Berechtigung, und sie reicht nicht über dein Konto hinaus: nicht auf dein TikTok-Passwort – TokElements hat nie eins –, nicht auf persönliche Daten deiner Zuschauer und nicht auf fremde Konten oder den mitgelieferten Katalog.

Jedes Tool, das etwas ändert, sagt das, bevor es läuft, und destruktive Tools sind als destruktiv markiert – so kann dein Assistent fragen, bevor er ein Widget löscht, und nicht erst danach.

Einrichtung in Claude

  1. Öffne in Claude Einstellungen → Connectors und wähle „Add custom connector“.
  2. Füge https://tokelements.com/api/mcp als Server-URL ein.
  3. Claude öffnet eine TokElements-Anmeldung und fragt, welche Berechtigungen erteilt werden sollen. Bestätige, und die Tools erscheinen in deinen Unterhaltungen.

Einrichtung in ChatGPT

  1. Öffne in ChatGPT Einstellungen → Connectors (oder Apps) und füge einen Connector hinzu.
  2. Füge https://tokelements.com/api/mcp als MCP-Server-URL ein.
  3. Melde dich bei TokElements an, wenn du dazu aufgefordert wirst. Widget-Ergebnisse erscheinen direkt im Chat, mit einer Vorschau, die du auf Beispiel-Events reagieren sehen kannst.

Ohne Assistent

Dieselben Tools stehen deinen eigenen Skripten mit einem persönlichen Token aus dem Studio zur Verfügung, und das Widget-SDK ist vollständig unter /docs dokumentiert. Maschinenlesbare Zusammenfassungen des Produkts findest du unter /llms.txt und /llms-full.txt.

Support

Fragen, oder der Connector tut etwas, das er nicht tun sollte: [email protected]. Was wir speichern und warum, steht in der Datenschutzerklärung; die Vereinbarung steht in den Nutzungsbedingungen.