·ai-sdk-ui
*

ai-sdk-ui

jezweb/claude-skills

Vercel AI SDK v6을 사용하여 React 채팅 인터페이스를 구축하세요. useChat/useCompletion/useObject 후크, 메시지 부분 구조, 도구 승인 워크플로 및 18가지 UI 오류 솔루션을 다룹니다. React Strict Mode, 동시 요청, 오래된 폐쇄 및 도구 승인 엣지 케이스와 관련된 문서화된 문제를 방지합니다. 사용 시기: AI 채팅 UI 구현, v5→v6 마이그레이션, "useChat이 스트림을 구문 분석하지 못했습니다", "부실 본문 값", "최대 업데이트 깊이 반응", "정의되지 않은 속성('상태' 읽기)을 읽을 수 없음" 또는 도구 승인 워크플로 오류 문제 해결.

521설치·10트렌드·@jezweb

설치

$npx skills add https://github.com/jezweb/claude-skills --skill ai-sdk-ui

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