Skip to main content
El Studio es el centro de control de Thaliq. Desde aqui puedes construir tu agente conversando con un meta-agente de IA, probar los cambios en tiempo real y ver como se vera el widget en un sitio web — todo en una sola pantalla.
El Studio es la forma mas rapida de ir de cero a un agente en produccion. En lugar de navegar entre multiples pantallas, todo sucede en un solo lugar.

Como funciona

El Studio tiene un layout de split-panel con dos areas:
PanelUbicacionFuncion
Agent BuilderIzquierdaChat con el meta-agente que configura tu agente
Probar agente / Widget PreviewDerechaPrueba el agente en tiempo real
┌──────────────────┬─────────────────────────────────────┐
│                  │  [Probar agente]  [Widget Preview]   │
│  Agent Builder   │─────────────────────────────────────│
│  (meta-agente)   │                                     │
│                  │   Chat directo con tu agente         │
│  "Crea una tool  │   o preview del widget embebido      │
│   que consulte   │                                     │
│   el clima"      │                                     │
│                  │                                     │
│  [input]         │   [input]                           │
└──────────────────┴─────────────────────────────────────┘

Agent Builder (panel izquierdo)

El panel izquierdo es un chat con un meta-agente — un asistente de IA que te ayuda a configurar tu agente. En lugar de llenar formularios manualmente, le describes lo que necesitas en lenguaje natural.

Que puedes pedirle

  • Crear HTTP Tools: “Crea una tool que consulte el estado del pedido en mi API”
  • Generar API Keys: “Necesito una API key para el widget de produccion”
  • Configurar el agente: “Cambia el prompt para que sea mas formal y responda solo en espanol”
  • Consultar configuracion: “Que tools tiene habilitadas mi agente?”
Se especifico en tus instrucciones al meta-agente. Mientras mas contexto le des sobre tu caso de uso, mejores resultados obtendras.

Action Cards

Cuando el meta-agente necesita ejecutar una accion (crear una tool, generar una key), te mostrara una Action Card para que confirmes antes de proceder. Esto te da control total sobre los cambios.

Probar agente (panel derecho)

La tab Probar agente te permite chatear directamente con tu agente tal como lo harian tus usuarios finales. Usa el mismo motor de IA, las mismas tools y las mismas instrucciones que estan configuradas. Esto es util para:
  • Verificar que el prompt del sistema genera las respuestas esperadas
  • Probar que las tools se ejecutan correctamente
  • Validar flujos de Human-in-the-Loop (instrucciones interactivas)
  • Comprobar el comportamiento antes de publicar cambios
Los cambios que hagas via el Agent Builder aplican inmediatamente. Lo que pruebes en “Probar agente” refleja la configuracion actual del agente en produccion.

Tokens MCP

Si tu agente usa MCP Servers que requieren autenticacion del usuario final (token passthrough), puedes configurar los tokens directamente desde el panel de prueba.
  1. Click en el boton Tokens MCP en la cabecera del panel
  2. Se mostraran los MCP servers que requieren autenticacion
  3. Ingresa el token correspondiente para cada server
  4. Los tokens se guardan localmente y se envian como header X-MCP-Tokens en cada mensaje
Los tokens MCP solo se almacenan en tu navegador (localStorage). No se envian al backend de Thaliq — se pasan directamente al MCP server correspondiente.

Widget Preview (panel derecho)

La tab Widget Preview muestra una simulacion de como se vera el chat widget embebido en un sitio web real. Incluye:
  • Un fondo decorativo que simula un sitio web (header, hero, cards, footer)
  • La ventana del widget con el mismo estilo del widget real (colores, bordes, launcher)
  • Chat funcional — puedes enviar mensajes y ver las respuestas del agente
Esto te permite validar la experiencia del usuario final sin salir de la plataforma.
En dispositivos moviles, el widget preview se adapta automaticamente: la ventana del chat ocupa toda la pantalla, replicando el comportamiento real del widget en movil.

Flujo recomendado

El Studio esta disenado para un flujo iterativo rapido:
1

Describe tu agente

En el Agent Builder, dile al meta-agente que tipo de agente necesitas, que tools debe tener y como debe comportarse.
2

Prueba en tiempo real

Cambia a la tab “Probar agente” y envia mensajes como lo haria un usuario final. Verifica que las respuestas y tools funcionan correctamente.
3

Revisa el widget

Cambia a “Widget Preview” para ver como se ve la experiencia en un sitio web. Verifica que el flujo conversacional se siente natural.
4

Itera

Si algo no esta bien, vuelve al Agent Builder y pide los ajustes. Repite hasta que estes satisfecho.
5

Integra

Genera una API key desde el Agent Builder y agrega el widget a tu sitio web.

Acceder al Studio

  1. Inicia sesion en platform.thaliq.com
  2. Ve a Agentes en el menu lateral
  3. Selecciona el agente que quieres configurar
  4. Click en Studio en el sidebar del agente
Cada agente tiene su propio Studio. Si tienes multiples agentes, cada uno se configura de forma independiente.

Mobile

En dispositivos moviles, el Studio se adapta automaticamente:
  • El Agent Builder se muestra como un panel lateral (sidenav) que se abre sobre el contenido
  • El panel derecho (Probar agente / Widget Preview) ocupa toda la pantalla
  • Puedes abrir y cerrar el Agent Builder con el boton de panel en la barra de tabs