SuperAPI AI 工具集

building-with-tambo

通用与其它

查看项目

更新于 10-16 01:27

技能介绍

用途:把 Tambo 集成到已有 React 应用中,同时尽量保留项目原有模式。

主要能力:检测技术栈(Next.js、Vite、CRA、TypeScript、Tailwind、Zod 等)、识别包管理器与 monorepo 结构,安装依赖、创建 TamboProvider 与组件注册表(lib/tambo.ts)、通过 CLI 添加聊天界面,并处理键盘事件隔离与 z-index、环境变量和路径别名等适配问题。

主要步骤与用法:1)读取 package.json、锁文件、tsconfig.json、next.config.、vite.config. 等,判断框架、样式方案、校验库、包管理器及是否为 monorepo;2)向用户确认安装选项;3)用项目对应包管理器安装依赖,如 npm install @tambo-ai/react、yarn add @tambo-ai/react、pnpm add @tambo-ai/react,无 Zod 时一并安装;4)创建 Provider,配置 apiKey、userKey、components,其中 userKey 为运行时必需(缺失会导致“authentication is not ready.”),但 TypeScript 中标为可选,编译器不会报错;5)建立组件注册表;6)用 npx tambo add message-thread-panel --yes 等命令添加聊天界面,并完成 CSS、@/ 路径别名配置;对捕获全局键盘事件的应用,需用 onKeyDown/onKeyUp 的 stopPropagation 包裹聊天 UI,全屏画布类应用还需设置固定的高 z-index 容器并搭配 pointerEvents。

限制:未提供官方认证、收费标准或性能承诺信息;具体 API 细节需查阅对应参考指南。