SuperAPI AI 工具集

ai-elements

通用与其它

查看项目

更新于 10-15 22:34

技能介绍

用途:AI Elements 是用于构建 AI 驱动用户界面的 React 组件库,适合搭建聊天界面、展示工具调用执行、显示推理/思考过程以及管理任务工作流。

主要能力:提供 30+ 组件,分为四类。会话类(Conversation、Message、MessageAttachment、MessageBranch)支持自动滚动、按角色样式化消息、附件与备选回复导航。输入类(PromptInput 系列)支持文件附件、拖拽、粘贴、文件类型与大小及数量校验、语音输入。工作流类(Queue、Tool、Confirmation、Reasoning)展示任务队列、工具调用状态、审批流程与可折叠推理。可视化类基于 ReactFlow,含 Canvas、Node、Edge、Controls、Panel、Toolbar。

使用方式:通过 shadcn registry 安装,如 npx shadcn@latest add https://ai-elements.vercel.app/r/[component-name]。组件从各自文件导入,没有统一导出入口,例如 import { Conversation } from "@/components/ai-elements/conversation"。组件基于 shadcn/ui 主题体系,使用其设计 token 并支持明暗模式,支持受控与非受控两种状态模式。Tool 组件遵循 AI SDK 状态机(如 input-available、output-available、output-error、output-denied 等)。

适用场景:聊天 UI、工具执行详情展示、执行前用户审批、任务队列与完成状态展示、工作流可视化。

限制:需自行安装所需组件并确保导入路径与项目别名一致;Tool 与 Confirmation 的状态字符串取决于已安装 ai 包版本,须以实际版本类型为准;资料未提供收费、价格、平台与效果信息。