SuperAPI AI 工具集

ai-sdk-ui

前端与建站

查看项目

更新于 10-16 03:14

技能介绍

用途:为 React 应用构建 AI 聊天与补全界面,基于 Vercel AI SDK v5/v6 的前端 Hook。适用 React 18+、Next.js 14+(13.4+ 可用),Zod 3.23.8+ 做 schema 校验。

主要能力:useChat 处理聊天消息状态与流式响应;useAssistant 对接 OpenAI 兼容的 Assistant API,管理线程与运行状态;useCompletion、useObject 分别用于文本补全与结构化数据流。v6 Beta(ai@6.0.0-beta.108)新增智能体类型安全消息(InferAgentUIMessage)、工具审批(addToolApprovalResponse,人工确认后执行)、自动提交(sendAutomaticallyWhen: lastAssistantMessageIsCompleteWithApprovalResponses)以及聊天中的结构化输出。

必要用法:v5 起 useChat 不再管理输入状态,需自行用 useState 维护 input,并通过 sendMessage({ content: input }) 发送;append() 改为 sendMessage(),onResponse 改为 onFinish,maxSteps 移到服务端。服务端 App Router 用 result.toDataStreamResponse(),Pages Router 用 result.pipeDataStreamToResponse(res),否则会解析流失败。body 选项只在首次渲染捕获,需改用 sendMessage 的 data 传新鲜值。

适用场景:React/Next.js 聊天界面、流式 AI 响应、工具调用展示、文件附件、v4→v5 迁移与 useChat/useCompletion 报错排查。

限制:仅覆盖前端 UI Hook;后端能力应使用 ai-sdk-core;非 React 框架(Svelte、Vue)与原生应用需另查官方文档;Generative UI/RSC 见官方 RSC 文档。资料未提供收费与价格信息。