ai-sdk-handler
Integrate Vercel AI SDK for LLMs, Chatbots, Generative UI, and Agentic Workflows.
npx skills add majiayu000/claude-skill-registry --skill ai-sdk-handler --agent claude-code
Same command for any agent — swap --agent for codex, cursor, copilot.
Weekly change comes from our own snapshots, not the repository page — it measures attention, not adoption.
# AI SDK Handler This skill defines how to implement Large Language Model (LLM) features using the Vercel AI SDK. It covers streaming chat, structured object generation, generative UI, and background agents. **Note**: For Image/Video generation (Replicate, Fal.ai), continue to use `ai-handler`. Use `ai-sdk-handler` specifically for text, chat, and agentic text/JSON workflows. ## When to Use - **Chatbots**: Building interactive chat interfaces (`useChat`, `streamText`). - **Structured Data**: Extracting JSON from text (`generateObject`). - **Generative UI**: Streaming React components directly from the server (`streamUI`). - **Agents**: Complex, multi-step reasoning tasks (often combined with Inngest). - **Multimodal**: Handling image inputs with text. ## Capabilities ### 1. Streaming Chat - **Tool**: `streamText` (Server), `useChat` (Client). - **Pattern**: Create a route handler at `src/app/api/chat/route.ts`. - **Auth**: Wrap with `withAuthRequired` to protect the route. - **UI**: Use `src/components/chat-ui/` for chat components. ### 2. Generative UI (RSC) - **Tool**: `streamUI` (Server). - **Pattern**: Return React components based on tool calls. - **Use Case**: Dashboards that
- When to Use
- Capabilities
- 1. Streaming Chat
- 2. Generative UI (RSC)
- 3. Structured Object Generation
- 4. Background Agents (with Inngest)
- Best Practices
- Documentation & Examples
What does the ai-sdk-handler skill do?
Integrate Vercel AI SDK for LLMs, Chatbots, Generative UI, and Agentic Workflows.
How do I install it?
Run `npx skills add majiayu000/claude-skill-registry --skill ai-sdk-handler --agent claude-code` — it drops the skill into your project so the agent can pick it up. Swap the --agent value for codex, cursor or copilot if you use one of those.
Where does this skill come from?
From majiayu000/claude-skill-registry, a repository with 534 stars. We read it straight from the repository tree rather than a submitted listing, so what you see here is what is actually published.
Is a popular skill a good skill?
Not necessarily. Stars measure attention, not adoption — a repository can trend for a week and be abandoned. That is why we show the weekly change from our own snapshots next to the total, instead of a single flattering number.