ai-sdk-ui
✓Vercel AI SDK v6 を使用して React チャット インターフェイスを構築します。 useChat/useCompletion/useObject フック、メッセージ パーツ構造、ツール承認ワークフロー、および 18 の UI エラー ソリューションについて説明します。 React Strict Mode、同時リクエスト、古いクロージャ、ツール承認のエッジケースに関する文書化された問題を防止します。 AI チャット UI の実装、v5→v6 の移行、「useChat がストリームの解析に失敗した」、「本体の値が古い」、「反応の最大更新深度」、「未定義のプロパティを読み取れない (「状態」を読み取る)」、またはツールの承認ワークフロー エラーのトラブルシューティングを行う場合に使用します。
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 Strict Mode、同時リクエスト、古いクロージャ、ツール承認のエッジケースに関する文書化された問題を防止します。 AI チャット UI の実装、v5→v6 の移行、「useChat がストリームの解析に失敗した」、「本体の値が古い」、「反応の最大更新深度」、「未定義のプロパティを読み取れない (「状態」を読み取る)」、またはツールの承認ワークフロー エラーのトラブルシューティングを行う場合に使用します。 ソース: 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 Strict Mode、同時リクエスト、古いクロージャ、ツール承認のエッジケースに関する文書化された問題を防止します。 AI チャット UI の実装、v5→v6 の移行、「useChat がストリームの解析に失敗した」、「本体の値が古い」、「反応の最大更新深度」、「未定義のプロパティを読み取れない (「状態」を読み取る)」、またはツールの承認ワークフロー エラーのトラブルシューティングを行う場合に使用します。 ソース: 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 で使用できるようになります
ソースリポジトリはどこですか？
https://github.com/jezweb/claude-skills
詳細
- カテゴリ
- *クリエイティブ
- ソース
- skills.sh
- 初回登録
- 2026-02-01