LogoClawIndex
案例技能关于
LogoClawIndex

ai-sdk-ui - 使用Vercel AI SDK v6构建React聊天界面

使用Vercel AI SDK v6构建AI驱动的用户界面的前端React钩子,涵盖消息部分、工具审批工作流和错误解决方案

标签

更新于: 2026-02-09

能力

典型输入

典型输出

该技能可以做什么

  • 使用聊天钩子
  • 发送消息
  • 接收流式响应
  • 处理工具调用
  • 批准工具调用
  • 显示文件附件
  • 管理消息部分
  • 处理结构化输出
  • 实现自动提交

输入

  • API端点
  • React组件
  • 用户输入
  • 工具模式
  • 消息数据
  • 服务器响应
  • 文件附件
  • 审批响应

输出

  • 聊天界面
  • 流式消息
  • 工具审批界面
  • 错误消息
  • 加载状态
  • 结构化数据
  • 文件预览
  • React组件

要求

  • React 18+
  • AI SDK v6.0.42+
  • Node.js运行环境
  • JavaScript/TypeScript
  • 现代浏览器
  • 网络连接

来源

  • 规范: SKILL.md

ClawIndex

OpenClaw Skills 与 Use Case 索引

ClawIndex 是一个生态驱动的 OpenClaw Skills 与真实 Use Case 索引站。

索引

Skills·
Cases

Meta

关于·
声明·
邮箱·
GitHub
© 2026 ClawIndex 保留所有权利。
前端
react
ui
聊天
流式传输
钩子
ai-sdk
vercel
使用聊天钩子
发送消息
接收流式响应
处理工具调用
API端点
React组件
用户输入
聊天界面
流式消息
工具审批界面