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