ai-sdk-ui
✓使用 Vercel AI SDK v6 构建 React 聊天界面。涵盖 useChat/useCompletion/useObject 挂钩、消息部分结构、工具审批工作流程和 18 个 UI 错误解决方案。防止 React 严格模式、并发请求、陈旧闭包和工具审批边缘情况出现记录的问题。 使用时机：实现 AI 聊天 UI、迁移 v5→v6、排除“useChat 无法解析流”、“过时的正文值”、“React 最大更新深度”、“无法读取未定义的属性（读取“状态”）”或工具审批工作流程错误。
SKILL.md
Frontend React hooks for AI-powered user interfaces with Vercel AI SDK v6.
Version: AI SDK v6.0.42 (Stable) Framework: React 18+/19, Next.js 14+/15+ Last Updated: 2026-01-20
Status: Stable Release Latest: ai@6.0.42, @ai-sdk/react@3.0.44, @ai-sdk/openai@3.0.7 Migration: Minimal breaking changes from v5 → v6
使用 Vercel AI SDK v6 构建 React 聊天界面。涵盖 useChat/useCompletion/useObject 挂钩、消息部分结构、工具审批工作流程和 18 个 UI 错误解决方案。防止 React 严格模式、并发请求、陈旧闭包和工具审批边缘情况出现记录的问题。 使用时机：实现 AI 聊天 UI、迁移 v5→v6、排除“useChat 无法解析流”、“过时的正文值”、“React 最大更新深度”、“无法读取未定义的属性（读取“状态”）”或工具审批工作流程错误。 来源：jezweb/claude-skills。
可引用信息
为搜索与 AI 引用准备的稳定字段与命令。
- 安装命令
npx skills add https://github.com/jezweb/claude-skills --skill ai-sdk-ui- 分类
- *创意媒体
- 认证
- ✓
- 收录时间
- 2026-02-01
- 更新时间
- 2026-02-18
快速解答
什么是 ai-sdk-ui？
使用 Vercel AI SDK v6 构建 React 聊天界面。涵盖 useChat/useCompletion/useObject 挂钩、消息部分结构、工具审批工作流程和 18 个 UI 错误解决方案。防止 React 严格模式、并发请求、陈旧闭包和工具审批边缘情况出现记录的问题。 使用时机：实现 AI 聊天 UI、迁移 v5→v6、排除“useChat 无法解析流”、“过时的正文值”、“React 最大更新深度”、“无法读取未定义的属性（读取“状态”）”或工具审批工作流程错误。 来源：jezweb/claude-skills。
如何安装 ai-sdk-ui？
打开你的终端或命令行工具（如 Terminal、iTerm、Windows Terminal 等） 复制并运行以下命令：npx skills add https://github.com/jezweb/claude-skills --skill ai-sdk-ui 安装完成后，技能将自动配置到你的 AI 编程环境中，可以在 Claude Code 或 Cursor 中使用
这个 Skill 的源码在哪？
https://github.com/jezweb/claude-skills
详情
- 分类
- *创意媒体
- 来源
- skills.sh
- 收录时间
- 2026-02-01