TokElements

Integraciones

Conecta TokElements a Claude o ChatGPT

TokElements crea overlays en vivo para TikTok LIVE: widgets HTML aislados que reaccionan a regalos, follows, suscripciones, chat y todo lo demás que envía la plataforma, mostrados con una sola fuente de navegador en OBS. Este conector pone todo eso al alcance de un asistente, así que puedes describir un widget en lugar de escribirlo, y ver el resultado funcionando antes de que llegue a tu stream.

URL del servidor

Una sola dirección para ambas plataformas. Usa el Model Context Protocol sobre HTTPS y se autentica con OAuth 2.1, así que inicias sesión en TokElements tú mismo y concedes el acceso de forma explícita; no se comparte nada con un asistente hasta que lo hagas.

https://tokelements.com/api/mcp

Qué puede hacer

Escribir un widget a partir de tu descripción

El asistente escribe el html, css y js, crea el widget en tu cuenta y te muestra una vista previa en vivo reaccionando a eventos de ejemplo. Primero lee la referencia completa del SDK, así que el código usa triggers reales, no inventados.

Empezar desde el catálogo

Explora las plantillas oficiales y las de la comunidad, instala cualquiera como tu propia copia editable y cámbiala a partir de ahí.

Ponerlo en el overlay

Mira qué hay ahora mismo en tu overlay, coloca un widget, muévelo o cambia su tamaño, cambia sus ajustes de streamer o quítalo de nuevo.

Pedir los archivos que necesita

Un widget que necesita un sonido o una imagen recibe un enlace de subida que abres tú. El asistente nunca mueve archivos a tu cuenta: pide, espera y los recoge cuando confirmas.

A qué puede acceder

Una conexión cubre los widgets, overlays y la biblioteca de archivos de la cuenta que la autorizó, y nada más. Hay un único permiso y no va más allá de tu cuenta: ni tu contraseña de TikTok (TokElements nunca la tiene), ni los datos personales de tus espectadores, ni la cuenta de nadie más, ni el catálogo oficial.

Cada herramienta que cambia algo lo avisa antes de ejecutarse, y las destructivas están marcadas como tales, así que tu asistente puede preguntarte antes de borrar un widget y no después.

Configúralo en Claude

  1. Abre Ajustes → Conectores en Claude y elige “Añadir conector personalizado”.
  2. Pega https://tokelements.com/api/mcp como URL del servidor.
  3. Claude abre un inicio de sesión de TokElements y pregunta qué permisos conceder. Apruébalos y las herramientas aparecen en tus conversaciones.

Configúralo en ChatGPT

  1. Abre Ajustes → Conectores (o Apps) en ChatGPT y añade un conector.
  2. Pega https://tokelements.com/api/mcp como URL del servidor MCP.
  3. Inicia sesión con TokElements cuando te lo pida. Los widgets se muestran dentro del chat, con una vista previa que reacciona a eventos de ejemplo.

Sin asistente

Las mismas herramientas están disponibles para tus propios scripts con un token personal del studio, y el SDK de widgets está documentado al completo en /docs. Hay resúmenes del producto legibles por máquinas en /llms.txt y /llms-full.txt.

Soporte

Preguntas, o algo que el conector hace y no debería: [email protected]. Qué guardamos y por qué está en la Política de privacidad; el acuerdo está en los Términos del servicio.