Ai Sdk Ui
If you're building React chat UIs with Vercel's AI SDK v6, this is the reference you want open. It documents the three core hooks (useChat, useCompletion, useObject), explains the breaking .parts array change from v5, and walks through tool approval workflows for human-in-the-loop scenarios. The real value is the 18 documented error solutions covering stream parsing failures, React Strict Mode closure bugs, and race conditions. Reach for this when you're wiring up streaming completions, debugging why messages aren't rendering correctly, or implementing tool calls that need user confirmation before executing.
- skills.sh installs
- 517
- GitHub stars
- 1.1K
- last updated
- Aug 21, 2026
Install
$ npx -y skills add jezweb/claude-skills --skill ai-sdk-ui --agent claude-codeInstalls into .claude/skills of the current project.
Files
If you're building React chat UIs with Vercel's AI SDK v6, this is the reference you want open. It documents the three core hooks (useChat, useCompletion, useObject), explains the breaking .parts array change from v5, and walks through tool approval workflows for human-in-the-loop scenarios. The real value is the 18 documented error solutions covering stream parsing failures, React Strict Mode closure bugs, and race conditions. Reach for this when you're wiring up streaming completions, debugging why messages aren't rendering correctly, or implementing tool calls that need user confirmation before executing.
Browse the repository on GitHubSponsors
Agent CaffeineSponsoredClose your lid, come back to finished work
SnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthly
WaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthly
knobsSponsoredSee your site on any phone, any day, in any languageDetails
More from jezweb/claude-skills
All 166- Accessibility505
- Playwright Local505
- Skill Creator502
- Tanstack Table502
- Ai Sdk Core479
- Tiptap478
- Walkthrough Video473
- Agent Browser469
- Google Gemini Api467
- Openai Api465
- Cloudflare R2462
- Web Design Patterns461
- Better Auth434
- Google Workspace428
- Icon Design428
- Firebase Firestore426
- Flask426
- Office422
- Claude Agent Sdk415
- Cloudflare D1408
- Fastmcp406
- Sub Agent Patterns396
- Cloudflare Worker Base394
- Project Session Management379
Recommended
More Frontend Development
mjml-email-templatesaaronontheweb/dotnet-skillsBuild responsive email templates using MJML markup language. Compiles to cross-client HTML that works in Outlook, Gmail, and Apple Mail. Includes template rende513skills.sh installs
starter-kit-upgradelaravel/agent-skillsSelectively pull upstream improvements from a Laravel starter kit (laravel/vue-starter-kit, laravel/react-starter-kit, laravel/svelte-starter-kit, laravel/livew512skills.sh installs
website-clonerhoruz-ai/claude-pluginsAgentic workflow for cloning websites with pixel-perfect fidelity using specialized sub-agents. Use when the user wants to clone/copy/replicate a website, creat509skills.sh installs
inertia-rails-pagesinertia-rails/skillsPage components, persistent layouts, Link/router navigation, Head, Deferred, WhenVisible, InfiniteScroll, and URL-driven state for Inertia Rails. React examples509skills.sh installs
better-authsecondsky/claude-skillsSkill for integrating Better Auth - comprehensive TypeScript authentication framework for Cloudflare D1, Next.js, Nuxt, and 15+ frameworks. Use when adding auth502skills.sh installs
tailwindcssmartinholovsky/claude-skills-generatorTailwind CSS utility-first styling for JARVIS UI components499skills.sh installs