SuperAPI AI 工具集

ai-sdk-ui

前端与建站

查看项目

更新于 10-16 06:19

技能介绍

用途:为基于 Vercel AI SDK v5 的 AI 应用提供 React 前端 Hook,快速搭建聊天、文本补全与流式结构化数据界面。

主要能力:useChat 管理聊天消息列表,提供 messages、sendMessage、reload、stop、isLoading、error、data、metadata 等,支持工具调用展示(toolInvocations)与实验性文件附件(experimental_attachments),可用 id 与 setMessages 做持久化。useCompletion 提供 completion、complete、setCompletion、stop 等,用于单次提示补全。useObject 基于 Zod schema 流式生成部分对象,适合表单或 JSON 结构。

使用方式:安装命令为 npm install ai @ai-sdk/openai。前端组件标注 'use client',从 ai/react 导入 Hook;服务端 API 路由使用 streamText 或 streamObject,并返回 result.toDataStreamResponse() 或 result.toTextStreamResponse()。v5 已移除 input、handleInputChange、handleSubmit 与 append(),需自行用 useState 管理输入并调用 sendMessage({ content })。

适用场景:Next.js App Router 下的聊天页面、补全工具、结构化数据生成界面。

限制:资料未提供收费、价格与性能数据;仅覆盖 React 18+ / Next.js 14+ 与所列 Hook 的用法,其他框架与 Hook 未涉及。