ai-sdk-ui
✓使用 Vercel AI SDK v5 實現 AI 驅動的聊天界面、補全和流式 UI 的前端 React 掛鉤。 包括用於構建交互式 AI 應用程序的 useChat、useCompletion 和 useObject 掛鉤。 使用場合：構建 React 聊天界面、在 UI 中實現 AI 補全、將 AI 響應流式傳輸到前端、 處理聊天消息狀態、構建 Next.js AI 應用程序、使用 AI 管理文件附件，或遇到 諸如“useChat 無法解析流”、“useChat 無響應”、未關閉的流或流問題等錯誤。 關鍵詞：ai sdk ui、useChat鉤子、useCompletion鉤子、useObject鉤子、react ai chat、ai chat界面、 流媒體 ai ui、nextjs ai 聊天、vercel ai ui、反應流、ai sdk 反應、聊天消息狀態、 ai 文件附件、消息持久性、useChat 錯誤、流式傳輸失敗 ui、解析流錯誤、 useChat 無響應，react ai hooks，nextjs 應用程序路由器 ai，nextjs 頁面路由器 ai
SKILL.md
Frontend React hooks for AI-powered user interfaces with Vercel AI SDK v5.
Version: AI SDK v5.0.76+ (Stable) Framework: React 18+, Next.js 14+ Last Updated: 2025-10-22
Result: A functional chat interface with streaming AI responses in 10 lines of frontend code.
使用 Vercel AI SDK v5 實現 AI 驅動的聊天界面、補全和流式 UI 的前端 React 掛鉤。 包括用於構建交互式 AI 應用程序的 useChat、useCompletion 和 useObject 掛鉤。 使用場合：構建 React 聊天界面、在 UI 中實現 AI 補全、將 AI 響應流式傳輸到前端、 處理聊天消息狀態、構建 Next.js AI 應用程序、使用 AI 管理文件附件，或遇到 諸如“useChat 無法解析流”、“useChat 無響應”、未關閉的流或流問題等錯誤。 關鍵詞：ai sdk ui、useChat鉤子、useCompletion鉤子、useObject鉤子、react ai chat、ai chat界面、 流媒體 ai ui、nextjs ai 聊天、vercel ai ui、反應流、ai sdk 反應、聊天消息狀態、 ai 文件附件、消息持久性、useChat 錯誤、流式傳輸失敗 ui、解析流錯誤、 useChat 無響應，react ai hooks，nextjs 應用程序路由器 ai，nextjs 頁面路由器 ai 來源：jackspace/claudeskillz。
可引用資訊
為搜尋與 AI 引用準備的穩定欄位與指令。
- 安裝指令
npx skills add https://github.com/jackspace/claudeskillz --skill ai-sdk-ui- 分類
- *創意媒體
- 認證
- ✓
- 收錄時間
- 2026-02-01
- 更新時間
- 2026-02-18
快速解答
什麼是 ai-sdk-ui？
使用 Vercel AI SDK v5 實現 AI 驅動的聊天界面、補全和流式 UI 的前端 React 掛鉤。 包括用於構建交互式 AI 應用程序的 useChat、useCompletion 和 useObject 掛鉤。 使用場合：構建 React 聊天界面、在 UI 中實現 AI 補全、將 AI 響應流式傳輸到前端、 處理聊天消息狀態、構建 Next.js AI 應用程序、使用 AI 管理文件附件，或遇到 諸如“useChat 無法解析流”、“useChat 無響應”、未關閉的流或流問題等錯誤。 關鍵詞：ai sdk ui、useChat鉤子、useCompletion鉤子、useObject鉤子、react ai chat、ai chat界面、 流媒體 ai ui、nextjs ai 聊天、vercel ai ui、反應流、ai sdk 反應、聊天消息狀態、 ai 文件附件、消息持久性、useChat 錯誤、流式傳輸失敗 ui、解析流錯誤、 useChat 無響應，react ai hooks，nextjs 應用程序路由器 ai，nextjs 頁面路由器 ai 來源：jackspace/claudeskillz。
如何安裝 ai-sdk-ui？
開啟你的終端機或命令列工具（如 Terminal、iTerm、Windows Terminal 等） 複製並執行以下指令：npx skills add https://github.com/jackspace/claudeskillz --skill ai-sdk-ui 安裝完成後，技能將自動設定到你的 AI 程式設計環境中，可以在 Claude Code 或 Cursor 中使用
這個 Skill 的原始碼在哪？
https://github.com/jackspace/claudeskillz
詳情
- 分類
- *創意媒體
- 來源
- skills.sh
- 收錄時間
- 2026-02-01