Integrate Vercel AI SDK v5 for chat streaming and tool calling.
npx skills add https://github.com/mcclowes/puzzles --skill vercel-ai-sdk
Please help me install this Agent Skill. Skill: vercel-ai-sdk Source: https://github.com/mcclowes/puzzles/tree/main/.claude/skills/vercel-ai-sdk Command: npx skills add https://github.com/mcclowes/puzzles --skill vercel-ai-sdk
This Skill provides patterns for integrating Vercel AI SDK v5, covering chat generation and streaming, tool calling, embeddings, MCP integration, and model-context workflows.
Install and configure the Vercel AI SDK v5 in your project, set up useChat for a chat UI, implement streaming routes, and add tool calls with properly typed schemas.
High-intent search queries and answers about installing and using this skill.
Streaming responses in Vercel AI SDK v5 use toUIMessageResponse or toTextStreamResponse on server routes. Create an API route that initializes a model with provider/model-id syntax, calls generateText or streamText, and returns the stream via the appropriate response method to enable real-time UI updates.
Define tools using the tool() wrapper with inputSchema and Zod for type safety. Pass tools to generateText or streamText, which executes matching tool calls and returns results. Ensure schemas validate inputs before execution for safe, typed interactions.
Yes. Access embeddings via provider.textEmbeddingModel to generate vector representations of text. Use these embeddings for semantic search and retrieval-augmented generation workflows to find contextually similar content.
Update provider and model references to v5's provider/model-id syntax, replace useChat hook patterns, switch tool definitions to tool() with Zod schemas, and update streaming methods to toUIMessageResponse or toTextStreamResponse. Check your lockfile to ensure the correct package manager installs dependencies.
Connect MCP servers to access dynamic tools and manage their lifecycle. Register MCP connections in your configuration, then reference those tools in generateText or streamText for expanded capability access.
Yes. useChat is the primary hook for building interactive AI chat UIs in v5. It handles message state, streaming integration, and tool call rendering, connecting directly to server routes that use generateText or streamText.
OthmanAdiIntegrate OpenUI generative UI into existing codebases with Vercel AI SDK.
zot24Scaffold Next.js AI chatbots with generative UI and provider integrations.
shalevaminDevelop MCP servers and clients with TypeScript or Python SDKs.
evanfang0054Integrate OpenAI, Anthropic, Google GenAI, Azure OpenAI, and AWS Bedrock chat models in LangChain.js.
