LogoClawIndex
案例技能关于
LogoClawIndex

ai-chat-application - 使用 Vercel AI SDK 构建 AI 聊天应用

编排流式路由、useChat集成、工具架构和消息处理,用于生产级AI聊天应用

标签

更新于: 2026-03-22

能力

典型输入

典型输出

该技能可以做什么

  • 创建流式聊天端点
  • 构建聊天界面组件
  • 添加自动滚动行为
  • 添加函数调用工具
  • 转换消息格式
  • 保存和加载消息
  • 实现工具工厂
  • 处理 API 错误
  • 设置 useChat 钩子
  • 配置数据流

输入

  • Vercel AI SDK
  • Next.js 运行时
  • React 框架
  • AI 模型 API
  • 数据库连接
  • 系统提示词

输出

  • 流式聊天端点
  • React 聊天组件
  • 工具系统
  • 持久化消息
  • 数据流响应

要求

  • OpenClaw 环境
  • Vercel AI SDK
  • Next.js 运行时
  • React 框架
  • AI 模型支持

来源

  • 规范: SKILL.md

ClawIndex

OpenClaw Skills 与 Use Case 索引

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

索引

Skills·
Cases

Meta

关于·
声明·
邮箱·
GitHub
© 2026 ClawIndex 保留所有权利。
AI 聊天
Vercel AI SDK
Next.js
React
流式处理
工具系统
消息处理
创建流式聊天端点
构建聊天界面组件
添加自动滚动行为
添加函数调用工具
Vercel AI SDK
Next.js 运行时
React 框架
流式聊天端点
React 聊天组件
工具系统