tambo-ai/tambo

项目概览

该项目通过让 AI 自动决定渲染哪些组件，并提供可持久化的有状态组件，解决了纯文本 AI 对话的局限性，适用于需要动态交互界面的 AI 应用场景。

项目类型

AI Agent · AI 工作流 · 基础设施

应用场景

编程开发 · 自动化执行

部署方式

查看项目说明

License

MIT

适合谁

• 需要在 React 应用中构建动态渲染交互式 UI 组件的 AI 代理的开发者。
• 希望 AI 自动决定渲染哪些组件的开发团队。

核心能力

• 根据消息渲染组件（如图表、摘要、数据可视化），使用 Zod 模式定义 props 并转换为 LLM 工具定义。
• 在用户细化请求时持久化并更新有状态组件，例如购物车、电子表格和任务看板。
• 在 LLM 生成时将 props 流式传输到组件，包含取消、错误恢复和重新连接功能。
• 支持完整的 MCP 协议（工具、提示、引导、采样），用于连接外部服务。
• 定义在浏览器中运行的函数（DOM 操作、带认证的请求、访问 React 状态），供 AI 声明式地自动调用。
• 后端处理会话状态并为代理运行 LLM 对话循环。
• 向 AI 传递额外上下文和认证令牌，并根据用户当前操作生成可点击的提示建议。
• 通过 Docker 在自有基础设施上运行后端，用于会话状态和代理编排。

限制与风险

• 目前专门针对 React 应用，不适用于非 React 生态系统。
• 需要自带 LLM API 密钥，这引入了外部依赖和潜在费用。

如何开始

• 使用 CLI 命令 `npm create tambo-app` 自动初始化 git 和项目设置，难度较低。
• 依次执行 `npm create tambo-app my-tambo-app`、`cd my-tambo-app`、`npm run dev` 即可启动开发。

核验依据

• README: The open-source generative UI toolkit for React.
• README: Tambo is a fullstack solution for adding generative UI to your app. You get a React SDK plus a backend that handles conversation state and agent execution.
• README: Tambo is a React toolkit for building agents that render UI (also known as generative UI).
• README: Zod schemas define the props. These schemas become LLM tool definitions—the agent calls them like functions and Tambo renders the result.
• README: Render once in response to a message. Charts, summaries, data visualizations.

内容核验时间：