How to Use the Chatwoot MCP in Vercel AI SDK
Stream Chatwoot data directly into your React components. Build live customer support UIs with the Vercel AI SDK.
Works with every AI agent you already use
…and any MCP-compatible client
Connect Chatwoot MCP to Vercel AI SDK
Create your Vinkius account to connect Chatwoot to Vercel AI SDK and route execution through our secure gateway. The platform manages server hosting, runtime updates, and security layers. Configuration requires no manual server provisioning.
Live-Stream Chat History
This tool lets you pull the full message history for any conversation. When you pair `get_chat_history` with the Vercel AI SDK, the data streams directly into your frontend. Your users see the conversation appear message by message, not all at once after a loading spinner. This makes your UI feel alive. Instead of a static data dump, you can build components that populate in real time. Combine it with `get_contact_details` to stream a customer's profile into a sidebar while their conversation history loads right next to it.
Build Custom Support Dashboards with this MCP Server
Your Next.js app can now have its own customer support panel. Use this MCP server to pull agent lists, inboxes, and active conversations directly from your Chatwoot account. Your agent can ask for the data, and the tools fetch it instantly. Populate your custom UI with data from `list_support_agents`, `list_chatwoot_inboxes`, and `list_woot_conversations`. The AI isn't just a chatbot in the corner; it becomes the data source that powers your entire application, streaming information as it's requested.
Send Replies from Your Own UI
This isn't just for reading data. You can build an interface where a support manager reviews a conversation and asks the AI to send a reply. The `send_chat_message` tool posts the message directly to the customer in Chatwoot. Because the Vercel AI SDK can stream tool status, your UI can give immediate feedback. Show a “Sending…” state while the message is in flight, then switch to “Sent.” You're building a true command interface for your support operations, not just a data viewer.
Set up Chatwoot MCP in Vercel AI SDK
Prerequisites
- Node.js 18+ and a TypeScript project
-
ai+@modelcontextprotocol/sdkpackages - Active Vinkius subscription with a valid endpoint token
- 1
Install dependencies
Run
npm install ai @modelcontextprotocol/sdkplus your preferred model provider (e.g.@ai-sdk/openai). - 2
Create the Streamable HTTP transport
Use
StreamableHTTPClientTransportwith your Vinkius endpoint URL. Replace[YOUR_TOKEN_HERE]with your token from cloud.vinkius.com. - 3
Discover and use tools
Call
mcpClient.tools()to auto-discover all Chatwoot tools. Pass them directly togenerateText()orstreamText()— no manual schema definitions needed. - 4
Works with any model provider
Swap
openai("gpt-4o")for any AI SDK provider — Anthropic, Google, Mistral. The MCP tools work identically across all supported models.
import { experimental_createMCPClient as createMCPClient } from "ai";
import { StreamableHTTPClientTransport } from "@modelcontextprotocol/sdk/client/streamableHttp";
import { generateText } from "ai";
import { openai } from "@ai-sdk/openai";
const transport = new StreamableHTTPClientTransport(
new URL("https://edge.vinkius.com/[YOUR_TOKEN_HERE]/mcp")
);
const mcpClient = await createMCPClient({ transport });
const tools = await mcpClient.tools();
const { text } = await generateText({
model: openai("gpt-4o"),
tools,
prompt: "List recent Chatwoot transactions",
});
console.log(text);
await mcpClient.close(); Independent Platform Disclaimer: Vinkius is an independent platform and is not affiliated with, endorsed by, sponsored by, verified by, or otherwise authorized by Chatwoot. All third-party trademarks, logos, and brand names are the property of their respective owners. Their use on this website is strictly for informational purposes to identify service compatibility and interoperability.
Why Choose Vinkius
Vinkius connects your tools to AI with real-time monitoring and automatic cost savings — all from one dashboard.
Real-time monitoring
Live
visibility into every interaction
Connect your favorite tools to your AI and see exactly what's happening — every request, every response, in real time.
Built-in savings
60%
lower AI costs
Vinkius compresses data between your apps and your AI automatically. Lower bills every month — no configuration required.
Single dashboard
One
place for every integration
Every tool your AI connects to, managed from a single screen. One account, complete control.
Common questions about Chatwoot MCP in Vercel AI SDK
Use it with your favorite AI tools
Connect this server to Cursor, Claude, VS Code, and more.
Start using the Chatwoot MCP today
We host it, we monitor it, we maintain it. You just paste one token.