Agent Ui

🤖 零后端搭建 AI 助手界面

开箱即用的 React Agent 组件,集成运行时、工具调用、人工审批与流式渲染,适合快速构建 Copilot 与 AI 助手界面

收藏
8.1k
安装
2.6k
版本
0.1.1
CLS 安全扫描中
预计需要 3 分钟...

使用说明

核心用法

agent-uiui.inference.sh 提供的 React/Next.js 组件,主打 "Batteries-included" 理念——开发者无需编写复杂后端逻辑,即可在数行代码内搭建具备完整生命周期的 AI Agent 界面。

集成步骤

1. 通过 shadcn CLI 安装组件:npx shadcn@latest add https://ui.inference.sh/r/agent.json
2. 安装 SDK 并创建 API Proxy 路由:npm install @inferencesh/sdk,在 Next.js 中暴露 GET/POST/PUT 端点。

3. 配置环境变量 INFERENCE_API_KEY

4. 引入 <Agent> 组件,传入 proxyUrlagentConfig(支持指定 LLM ref、system prompt、工具列表)。

关键特性

| 特性 | 说明 |
|------|------|
| 内置运行时 | 无需自建后端,代理路由自动转发请求 |
| 工具生命周期 UI | Pending → Progress → Approval → Results 的完整可视化 |
| 人工审批 (Human-in-the-loop) | 敏感操作自动弹出确认框,支持二次授权 |
| 生成式 Widgets | Agent 返回 JSON 即可渲染声明式 UI(表单、卡片等) |
| 流式输出 | 实时 Token 流,降低等待焦虑 |
| 客户端工具 | 支持在浏览器内执行的 local tools(如自动填表) |

适用人群

  • SaaS 产品经理/前端开发者:需在现有产品中快速嵌入 "Copilot" 或 "AI 助手" 功能。
  • 创业公司/MVP 团队:希望跳过基础设施,直接验证 AI 交互原型。
  • 已有 shadcn/ui 技术栈的团队:组件风格一致,可无缝融入现有设计系统。

潜在局限与风险

1. 供应商锁定:深度绑定 inference.sh 生态(SDK、API Key、Proxy 路由),迁移成本较高。
2. 可定制性边界:虽支持 Widgets 与 client-tools,但复杂自定义 UI(如完全重写的审批流)可能需要 fork 源码。

3. 网络与合规proxyUrl 模式意味着用户流量需经过开发者自建端点,若部署区域与 inference.sh 服务端存在跨境延迟或数据合规要求,需额外评估。

4. 调试透明度:工具执行状态由组件内部管理,深层调试需依赖官方 SDK 日志或浏览器 DevTools。

安全与可信度

  • 组件源码托管于公开 registry,但未提供第三方安全审计报告;建议生产环境启用 INFERENCE_API_KEY 权限最小化原则,并对 proxyUrl 实施速率限制与鉴权。
  • 人工审批机制可降低误操作风险,但默认配置下仍需关注敏感工具(如数据写入、支付操作)的权限粒度。

Agent Ui 内容

手动下载zip · 1.7 kB
SKILL.mdtext/markdown
请选择文件