Agent UI - 智能体聊天界面
为 AgentOS 打造的现代聊天界面，基于 Next.js 与 Tailwind CSS，支持实时流式输出与工具调用可视化。
证据显示：README 说明认证令牌存储在全局 store 中，并以 Bearer 令牌形式包含在 API 请求中，这暗示了敏感数据处理方式，但未提供加密或安全存储细节。依赖项包括 rehype-sanitize 用于清理 Markdown，表明对内容安全有一定考虑。外部影响：应用连接到本地或远程 AgentOS 实例，可能产生外部网络请求，但未明确说明权限范围。扣分原因：缺少用户确认机制（如执行操作前确认）、数据流透明度不足（未详细说明数据如何传输和存储）、回滚机制缺失、来源归属不明确（发布者未验证）。
证据显示：README 和 package.json 中的脚本一致，提供了 lint、format、typecheck 等验证命令，CI 工作流也运行这些验证，表明项目内部一致性较好。依赖项版本已固定，但未提供锁文件，依赖可用性存在风险。失败消息：README 提到连接问题可查看故障排除指南，但未提供具体错误消息示例。扣分原因：依赖可用性未充分保证（无锁文件），失败消息不具体。
证据显示：README 明确目标受众为使用 AgentOS 的开发者，提供了本地和生产环境的连接说明，支持多种内容类型，表明适应多种场景。能力边界：未明确说明支持的功能限制，如不支持的功能。触发精度：连接配置通过 UI 和环境变量，但未详细说明触发条件。环境适配：支持本地和远程环境，但未说明不同环境的配置差异。扣分原因：能力边界和触发精度描述不足。
证据显示：README 提供了安装、连接、配置的清晰步骤，信息架构合理。安装说明包括自动和手动方式。命名稳定性：项目名称和版本号明确，但未提供变更日志。示例和 FAQ：README 提供了连接示例，但未提供 FAQ 部分。已知限制：未明确列出。许可证：MIT 许可证文件存在。版本控制：package.json 有版本号，但无变更日志。维护责任：未明确说明维护者或贡献指南。扣分原因：缺少变更日志、FAQ、已知限制和明确的维护责任。
证据显示：输出可用性：UI 提供聊天界面，支持流式输出、工具调用可视化等，输出形式多样。边际价值：作为 AgentOS 的 UI 模板，提供了现成的界面，节省开发时间。成本效益：依赖项较多，但使用现代框架，可能提高开发效率。扣分原因：成本效益未量化，未提供性能或资源消耗数据。
证据显示：README 中的声明（如支持多模态）未提供具体实现细节或测试证据。交叉来源验证：未提供其他来源的验证。事实与推断分离：README 中的描述多为功能声明，未区分事实和推断。扣分原因：声明缺乏可追溯性，未提供测试或文档支持。
- 认证令牌存储在全局 store 中，未说明加密或安全存储措施，存在泄露风险。
- 依赖项未提供锁文件，可能导致依赖版本不一致，影响可复现性。
- 发布者身份未验证，来源归属不明确。
这个 Agent 能做什么，适合哪些场景？
Agent UI 是一个专为 Agno 平台上的 AgentOS 实例设计的现代化聊天界面模板，基于 Next.js、Tailwind CSS 和 TypeScript 构建。它提供开箱即用的 UI，用于连接本地或远程的 AgentOS 实例，并支持实时流式响应、工具调用可视化、推理步骤展示、来源引用以及多模态内容（如图像、视频和音频）。该模板遵循 MIT 许可证，目前主分支支持 Agno v2.x，另有 v1 分支用于旧版本兼容。安装方式包括自动脚本 npx create-agent-ui@latest 或手动克隆仓库并运行 pnpm install && pnpm dev。
Agent UI 作为一个前端聊天界面，通过 HTTP 连接到 AgentOS 实例（默认 localhost:7777）。用户可在界面中与已配置的 AgentOS 代理进行对话。它发送用户消息至 AgentOS，并实时渲染流式响应、工具调用结果、推理步骤和来源引用。支持通过环境变量或 UI 配置设置认证令牌（Bearer token），并在请求中自动携带。该前端不处理后端逻辑；所有智能体执行和推理都在 AgentOS 实例中完成。
- 独立开发者，使用 Agno 平台创建了 AgentOS，需要一个美观的聊天 UI 快速集成到自己的应用中。
- 团队需要本地开发环境（localhost:7777）来测试自己的 AgentOS 代理，同时希望实时查看工具调用和推理过程。
- 在生产环境中运营 AgentOS，需要将认证令牌安全传递（通过环境变量）并连接到 HTTPS 端点。
- 希望基于 Tailwind CSS 自定义聊天界面外观的开发者。
- 需要兼容旧版 v1.x 的 Agno 用户，利用 v1 分支作为迁移过渡。
- 希望快速搭建一个演示用的智能体界面，通过 npx create-agent-ui@latest 命令一键生成项目。
这个 Agent 有哪些优点和局限？
- 与 AgentOS 深度集成，支持实时流式响应、工具调用、推理步骤和来源引用，提升调试体验。
- 基于 Next.js 和 Tailwind CSS，UI 高度可定制，且使用 shadcn/ui 和 Framer Motion 提供现代设计。
- 多模态内容支持（图像、视频、音频），适应多种 Agent 输出类型。
- 提供自动安装脚本，简化初始设置。
- MIT 许可证，允许自由使用和修改。
- 平台特定：核心功能依赖于 Agno 平台和 AgentOS 实例，不可用于其他代理框架。
- 文档要求用户先自行创建 AgentOS 实例，否则无法使用。
- 认证令牌存储在本地，可能存在安全风险。
- 需要额外配置才能在生产环境中安全使用。
- 无内置测试或部署文档，开发者需自行负责部署。
如何安装或部署这个 Agent？
安装 Agent UI 需要先有一个正在运行的 AgentOS 实例。然后使用自动安装命令：npx create-agent-ui@latest，或手动安装：git clone https://github.com/agno-agi/agent-ui.git，进入目录后运行 pnpm install 安装依赖。需要 Node.js 和 pnpm 环境。
如何使用这个 Agent？
启动开发服务器前，确保 AgentOS 已运行。默认连接 http://localhost:7777。若需修改端点，可在左侧边栏悬停端点 URL 并编辑。如需认证，在 .env.local 中设置 NEXT_PUBLIC_OS_SECURITY_KEY，或在 UI 的侧边栏 Auth Token 部分输入令牌。然后运行 pnpm dev，访问 http://localhost:3000 开始使用。