‹ 首页

ai-sdk-ui

@danstrem2 · 收录于 2 周前 · 上游提交 5 个月前

Build React chat interfaces with Vercel AI SDK v6. Covers useChat/useCompletion/useObject hooks, message parts structure, tool approval workflows, and 18 UI error solutions. Prevents documented issues with React Strict Mode, concurrent requests, stale closures, and tool approval edge cases. Use when: implementing AI chat UIs, migrating v5→v6, troubleshooting "useChat failed to parse stream", "stale body values", "React maximum update depth", "Cannot read properties of undefined (reading 'state')", or tool approval workflow errors.

适合你,如果正在用 Vercel AI SDK 开发 React 聊天界面或排查常见错误

/ 通过 npx 安装 校验哈希
npx oh-my-skill add danstrem2/clawdbot-skill-master-pack/ai-sdk-ui
/ 通过 bash 安装
curl -fsSL https://oh-my-skill.com/install.sh | bash -s -- danstrem2/clawdbot-skill-master-pack/ai-sdk-ui
/ 已经装过?验证本机副本,不用重装
npx oh-my-skill verify danstrem2/clawdbot-skill-master-pack/ai-sdk-ui
安装目标可用 --agent / --scope 或 --to 明确指定;省略时只会在唯一已存在的 agent 目录上自动选择,零命中或多命中会停止并提示。content_hash 缺失或不一致均拒装。
1GitHub stars
~3.3K最小装载
~9.4K含声明引用
~25.5K文本包总量
索引托管

怎么用

商店整理自技能原文 · 版本 91d2f76 · 表述以原文为准
它做什么

安装后,Claude 能帮你用 React 和 Vercel AI SDK v6 构建聊天界面,包括消息流、工具审批、结构化输出,并解决 18 种常见 UI 错误。

什么时候触发

当你要求实现 AI 聊天 UI、从 v5 迁移到 v6,或遇到“useChat failed to parse stream”等错误时触发。

装好后可以这样说
Claude 会生成带流式消息的 React 组件代码。
Claude 会检查 API 路由是否返回正确的流格式。
Claude 会生成带审批按钮的聊天界面代码。

评论

登录即可评论;带「已验证安装」的,是发布者名下有本店的安装或持有记录。