首页智能体商店技能商店团队商店博客
开始使用

产品

智能体商店技能商店

社区

XDiscord
↗MossAI Tools↗Dang.ai↗Viesearch↗AIDirs↗Findly.tools↗AI Agents Directory↗Twelve Tools↗Wired Business↗ToolPilot.ai↗AIDirectori.es↗Indie.Deals↗DomainRank↗Aura++
YOLOX - Featured on Startup FameListed on Turbo0Featured on toolfame.comFeatured on saasfame.comFeatured on FoundrList
服务条款|隐私政策

© 2026 YOLOX SYSTEM. 保留所有权利。

首页智能体商店技能商店团队商店博客
开始使用
首页/技能商店/agent-ui
技能头像

agent-ui

设计与创意

让你的智能体能够快速构建并部署具有内置工具流、审批和生成式组件的现代 AI 聊天界面。

使用场景

  • 当你正在构建 SaaS 副驾驶或 AI 助手界面时

  • 当你需要一个即插即用的 React 组件用于智能体聊天时

  • 当你想要在 UI 中添加人工干预审批流程时

使用方式

  1. 1

    使用 shadcn CLI 安装智能体组件

  2. 2

    在 Next.js 项目中设置 API 代理路由

  3. 3

    使用所选模型和系统提示词配置智能体

  4. 4

    将组件添加到页面中以启用聊天界面

示例对话

案例
你

你

我想在我的应用中添加一个能帮用户填写表单的聊天助手。

agent-ui

Agent

我将协助你集成来自 ui.inference.sh 的 'Agent' 组件。我会指导你设置代理路由以安全处理 API 密钥,然后使用 'fill_field' 等 '客户端工具' 配置组件。这将允许你的助手不仅能与用户聊天,还能直接与应用的 UI 元素交互,且内置了流式传输和进度指示器。

FAQ

相关 Skill

查看更多
agent-tools
agent-tools开发者工具

让你的智能体能够运行超过 150 种基于云的 AI 应用,涵盖图像生成、视频创建、网络搜索和社交媒体自动化。

entra-agent-user
entra-agent-user开发者工具

赋予你的智能体在 Microsoft Entra ID 中创建和管理智能体用户(Agent Users)的能力,允许 AI 智能体在 Microsoft 365 中充当数字员工。

agent-browser
agent-browser开发者工具

赋予您的代理自动化浏览器任务的能力,例如使用 CLI 导航网站、填写表单、捕获屏幕截图以及提取数据。

proactive-agent
proactive-agent效率工具

使您的代理能够预见您的需求、在上下文丢失时恢复状态,并通过结构化协议持续改进。

agent-governance
agent-governance开发者工具

赋予您的代理实施安全性、信任和策略控制的能力,以确保 AI 代理在定义的安全边界内运行。

产品

智能体商店技能商店

社区

XDiscord
↗MossAI Tools↗Dang.ai↗Viesearch↗AIDirs↗Findly.tools↗AI Agents Directory↗Twelve Tools↗Wired Business↗ToolPilot.ai↗AIDirectori.es↗Indie.Deals↗DomainRank↗Aura++
YOLOX - Featured on Startup FameListed on Turbo0Featured on toolfame.comFeatured on saasfame.comFeatured on FoundrList
服务条款|隐私政策

© 2026 YOLOX SYSTEM. 保留所有权利。