
tambo
Tambo · Programación
Tambo es un framework de orquestación de IA de código abierto para React que convierte un chat normal en interfaz funcional. Registras tus propios componentes de IA para React y un agente integrado decide cuál renderizar y le envía las props en streaming. Se distribuye como un SDK de IA para React con historial de hilos, estado en streaming, llamadas a herramientas y soporte de MCP, así que puedes añadir funciones de IA sin rehacer tu frontend.

Acerca de tambo
Qué es Tambo
Tambo es un kit de interfaz generativa para React. En vez de hacer que la IA devuelva texto sin formato y esperar que el usuario lo lea, Tambo deja que un agente elija entre tus propios componentes y los rellene con datos. Pide "muéstrame las ventas por región" y renderiza tu gráfico. Di "añade una tarea" y actualiza tu tablero de tareas. La IA escribe las props, tus componentes se encargan del dibujo. Entonces, ¿qué significa eso para una app normal? Significa que, en lugar de enseñar a tus usuarios una interfaz de chat nueva, les dejas hablar con la interfaz que ya conocen y usan cada día.
El kit apunta a ingenieros de producto que ya tienen un sistema de diseño. Registras los componentes una vez con un esquema, y el agente usa ese esquema para enviar props válidas en streaming. El valor central aquí es menos código. Te ahorras construir la plomería del chat, los estados de error, la cancelación y los hilos de mensajes desde cero, porque esas piezas vienen con el SDK. Eso importa sobre todo para equipos pequeños que, de otro modo, gastarían un mes reconstruyendo infraestructura que no tiene nada que ver con su producto real.
Hay límites claros. Tambo está hecho para React y React Native (mediante Expo), así que los equipos en Vue, Svelte o HTML puro no tienen entrada. Ese muro es firme. El backend puede alojarse por tu cuenta o correr en Tambo Cloud, y se necesita una clave alojada para llegar al agente gestionado. Así que, si quieres un chatbot listo para usar donde pegas una etiqueta de script y te olvidas, este kit exige más configuración que un widget sin código.
Cómo empezar
- Crea un proyecto con
npm create tambo-app@latest my-tambo-app, que clona la plantilla inicial, instala las dependencias y te guía para generar una clave de API. - Ejecuta
npm run devy abrelocalhost:3000para confirmar que el agente inicial responde. - Abre
src/lib/tambo.tsy registra tus propios componentes y herramientas con sus esquemas de props. - Pasa esos componentes a
TamboProvideren tu página de chat y deja que el agente los renderice mientras los usuarios escriben.
Información del producto
Un vistazo rápido a los precios, las plataformas compatibles y el rendimiento de tambo.
Ideal para
Los usuarios, tareas y casos de uso en los que esta herramienta encaja mejor.
Usuarios
- Ingenieros de producto
- Startups que lanzan rápido
- Desarrolladores de React Native
Tareas
- Renderizar datos a petición
- Construir paneles persistentes
- Conectar sistemas externos
Casos de uso
- Añadir un asistente de IA a un dashboard SaaS existente sin reescribirlo, donde el agente solo recibe componentes nuevos que renderizar.
- Prototipar una herramienta interna durante un fin de semana y mostrarla la semana siguiente.
- Dejar que los usuarios editen contenido en vivo a través del chat, como cambiar el título de una nota o el color de una tarjeta mientras el componente sigue en pantalla.
Funciones clave
Componentes generativos
Los componentes generativos se renderizan una vez en respuesta a un mensaje y luego se quedan ahí. Registras un componente con un nombre, una descripción y un esquema de props, y el agente decide cuándo mostrarlo. Gráficos, visualizaciones de datos y tarjetas de resumen encajan en este patrón. El agente escribe las props, así que tu estilo y tu lógica actuales se mantienen intactos. Cuando un usuario pide un desglose de las cifras del último trimestre, recibe un gráfico real con los colores de tu marca en vez de un muro de texto que tiene que descifrar.
Componentes interactivos
Los componentes interactivos permanecen en la página y se actualizan por ID a lo largo de las conversaciones. Un carrito de compra, un tablero de tareas o una hoja de cálculo conservan su estado mientras el usuario sigue hablando. La IA deja de escupir respuestas y empieza a editar una pieza viva de tu interfaz. Este patrón es lo que separa a Tambo de un chatbot de texto plano. Una diferencia enorme.
Agente integrado y streaming
Tambo incluye su propio agente, así que no necesitas atornillar un framework externo. Gestiona las actualizaciones progresivas de props, el historial de hilos de mensajes y el manejo de errores a medida que llegan las respuestas. Los usuarios ven cómo se van rellenando los componentes mientras llegan los datos, lo que se percibe como más rápido que esperar una respuesta completa. Te llevas gratis las partes aburridas de la experiencia de IA. De eso se trata. Nadie quiere reconstruir la lógica de cancelación por quinta vez.
Soporte de MCP
El SDK se conecta a bases de datos, API y sistemas externos a través del Model Context Protocol. Eso deja que el agente llegue a datos reales en vez de inventarlos, y funciona tanto del lado del cliente como del servidor. Para los equipos que ya ejecutan servidores MCP, esta es la forma más limpia de darle manos al agente. Conectar una base de datos existente a una interfaz movida por chat antes exigía una integración personalizada por cada fuente, y esto condensa ese trabajo en un único punto de conexión.
Autoalojamiento o Tambo Cloud
Eliges cómo corre el backend. Alójalo por tu cuenta para control total, o usa Tambo Cloud para un arranque más rápido con una clave gestionada. El CLI inicial escribe tu clave de API directamente en el archivo env, así que la primera petición funciona con poca ceremonia. Sin cazar configuraciones. Los equipos con reglas de datos estrictas pueden mantenerlo todo dentro de sus muros, mientras que los que solo quieren lanzar pueden apoyarse en la opción alojada y no tocar nunca un archivo de configuración de servidor.
Registro de componentes con esquemas
El registro es declarativo. Describes el componente, entregas un esquema de props construido con Zod y el agente usa ese contrato para enviar props válidas en streaming. Como el patrón se apoya en Zod, encaja en el flujo que muchos equipos de React ya usan. También significa que un componente aparece en el lugar correcto sin enrutado manual. Sin código pegado. Sin sentencias switch.
Ventajas y desventajas
Ventajas
- Es de código abierto y nativo del framework, así que conservas tus componentes de React y tu estilo en vez de adoptar otro kit de interfaz.
- Incluye el agente, el streaming, el historial de hilos y los estados de error, lo que recorta semanas de plomería.
- Dos patrones de componentes cubren tanto salidas de una sola vez como gráficos como paneles persistentes y editables como los tableros de tareas.
- El soporte de MCP conecta fuentes de datos reales, y puedes autoalojar el backend para un control más cerrado.
- El plan Starter gratuito abarata probarlo en un proyecto real antes de comprometerte.
Desventajas
- Está atado a React y React Native, así que los proyectos en Vue, Svelte y HTML puro no pueden usarlo.
- El agente alojado necesita una clave de API, y un uso más intenso te empuja a los niveles de pago.
- Aun así tienes que escribir los esquemas de los componentes, así que no es una herramienta sin código para quienes no programan.
Preguntas frecuentes
Tambo se usa para añadir funciones de IA a apps de React dejando que un agente renderice tus propios componentes a partir del mensaje de un usuario. En vez de devolver texto, elige un gráfico, una tarjeta o un panel y lo rellena con datos. El resultado se parece a tu app, no a un chatbot genérico pegado al lado, porque cada elemento que muestra el agente es un componente que ya construiste y estilaste.
Contenido relacionado
Explora herramientas, habilidades y artículos relacionados con tambo.
Alternativas a tambo
Forefront
Forefront · ProgramaciónForefront es una plataforma web para construir con IA de código abierto. Te deja ajustar los principales modelos de lenguaje de código abierto con tus propios datos, evaluar cómo rinden y ejecutarlos a través de una API o exportarlos para alojarlos tú mismo. Los desarrolladores que quieren la comodidad de una plataforma cerrada pero insisten en ser dueños de sus modelos y sus datos son el público objetivo.
Startkit
StartKit.AI · ProgramaciónStartkit es un boilerplate para crear productos de SaaS con IA y wrappers de IA. Piénsalo como un boilerplate para startups de IA con las partes aburridas ya conectadas: autenticación, pagos con Stripe y Lemon Squeezy, límites de uso, correo transaccional y un kit de inicio de API de IA que habla con OpenAI, Anthropic, Groq o Llama. Clonas el repositorio, pones tu precio y te dedicas a la parte del producto por la que la gente paga de verdad. Está hecho con Next.js sobre React y Tailwind, así que buena parte del código boilerplate ya te resulta familiar.
Testim
Tricentis · ProgramaciónTestim es una plataforma de automatización de pruebas impulsada por IA para crear y ejecutar pruebas de extremo a extremo en aplicaciones web, móviles y Salesforce. Se apoya en el aprendizaje automático para mantener las pruebas estables cuando cambia una interfaz, así que los equipos dedican menos tiempo a reparar selectores rotos. No está nada mal para una herramienta de pruebas automatizadas que puedes empezar a usar hoy mismo. Creas pruebas grabando acciones en un navegador y luego añades JavaScript cuando necesitas más control. Es una opción sólida para equipos de QA con mucho trabajo.
