← ClaudeAtlas

ai-sdk-handlerlisted

Integrate Vercel AI SDK for LLMs, Chatbots, Generative UI, and Agentic Workflows.
aiskillstore/marketplace · ★ 329 · AI & Automation · score 82
Install: claude install-skill aiskillstore/marketplace
# 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 build themselves, dynamic reports. ### 3. Structured Object Generation - **Tool**: `generateObject`. - **Pattern**: Define a Zod schema and get strictly typed JSON back. - **Use Case**: Populating database forms, extracting itinerary details, categorizing content. ### 4. Background Agents (