ai-sdk-ui

仓库创建 2025年11月8日最近提交 29 天前SkillHot 收录 22 天前

▸ 精选理由

封装常用聊天逻辑与流式处理，减少前端集成成本。

这个 Skill 做什么

为 React/Next.js 提供的 Vercel AI SDK v5 前端 Hook（如 useChat）。

面向 React/Next.js 的 Vercel AI SDK v5 前端 Hook（像 useChat、useCompletion、useObject），用来快速做 AI 聊天或补全界面并处理流式输出与解析问题。在做 AI 应用、遇到流解析、无响应或流式卡顿时会用到。特点是与 React 18+、Next.js 15+ 兼容，能把流式数据和组件状态整合得更顺滑。

▸ 展开 SKILL.md 英文原文

Vercel AI SDK v5 React hooks (useChat, useCompletion, useObject) for AI chat interfaces. Use for React/Next.js AI apps or encountering parse stream errors, no response, streaming issues.

开发编程React 钩子前端聊天Next.js通用

180

Stars

Forks

仓库内 Skill

7 日增星

安装 / 使用

给你的 Agent 一句话（通用）

帮我安装这个 skill：https://raw.githubusercontent.com/secondsky/claude-skills/main/plugins/ai-sdk-ui/skills/ai-sdk-ui/SKILL.md

或 curl 直取 SKILL.md

curl -fsSL "https://raw.githubusercontent.com/secondsky/claude-skills/main/plugins/ai-sdk-ui/skills/ai-sdk-ui/SKILL.md"

SKILL.MD 节选查看完整文件 ↗

# AI SDK UI - Frontend React Hooks

Frontend React hooks for AI-powered user interfaces with Vercel AI SDK v5.

**Version**: AI SDK v5.0.116 (Stable)
**Framework**: React 18+, Next.js 15+
**Last Updated**: 2025-12-22

## Table of Contents
1. [Quick Start](#quick-start-5-minutes)
2. [When to Load References](#when-to-load-references)
3. [useChat Hook](#usechat-hook---complete-reference)
4. [useCompletion Hook](#usecompletion-hook---complete-reference)
5. [useObject Hook](#useobject-hook---complete-reference)
6. [Next.js Integration](#nextjs-integration)
7. [Top UI Errors & Solutions](#top-ui-errors--solutions)
8. [Streaming Best Practices](#streaming-best-practices)
9. [When to Use This Skill

via SKILL·HOT · 数据来自 GitHub 公开信息 · 原文版权归作者所有