Miro MCP Server for Vercel AI SDK 14 tools — connect in under 2 minutes
The Vercel AI SDK is the TypeScript toolkit for building AI-powered applications. Connect Miro through the Vinkius and every tool is available as a typed function — ready for React Server Components, API routes, or any Node.js backend.
ASK AI ABOUT THIS MCP SERVER
Vinkius supports streamable HTTP and SSE.
import { createMCPClient } from "@ai-sdk/mcp";
import { generateText } from "ai";
import { openai } from "@ai-sdk/openai";
async function main() {
const mcpClient = await createMCPClient({
transport: {
type: "http",
// Your Vinkius token — get it at cloud.vinkius.com
url: "https://edge.vinkius.com/[YOUR_TOKEN_HERE]/mcp",
},
});
try {
const tools = await mcpClient.tools();
const { text } = await generateText({
model: openai("gpt-4o"),
tools,
prompt: "Using Miro, list all available capabilities.",
});
console.log(text);
} finally {
await mcpClient.close();
}
}
main();
* Every MCP server runs on Vinkius-managed infrastructure inside AWS - a purpose-built runtime with per-request V8 isolates, Ed25519 signed audit chains, and sub-40ms cold starts optimized for native MCP execution. See our infrastructure
About Miro MCP Server
Connect your Miro account to any AI agent and take full control of your visual collaboration through natural conversation.
The Vercel AI SDK gives every Miro tool full TypeScript type inference, IDE autocomplete, and compile-time error checking. Connect 14 tools through the Vinkius and stream results progressively to React, Svelte, or Vue components — works on Edge Functions, Cloudflare Workers, and any Node.js runtime.
What you can do
- Board Management — List, create, update and inspect boards with their descriptions, owners and permissions
- Item Operations — Browse all widgets on a board (sticky notes, cards, shapes, texts, connectors, images) with their content and positions
- Content Creation — Create sticky notes and cards programmatically with custom content and canvas positions
- Member Management — List board members and add new users with specific roles (owner, admin, editor, commenter, viewer)
- Comments — Read and add comments on boards for async collaboration feedback
The Miro MCP Server exposes 14 tools through the Vinkius. Connect it to Vercel AI SDK in under two minutes — no API keys to rotate, no infrastructure to provision, no vendor lock-in. Your configuration, your data, your control.
How to Connect Miro to Vercel AI SDK via MCP
Follow these steps to integrate the Miro MCP Server with Vercel AI SDK.
Install dependencies
Run npm install @ai-sdk/mcp ai @ai-sdk/openai
Replace the token
Replace [YOUR_TOKEN_HERE] with your Vinkius token
Run the script
Save to agent.ts and run with npx tsx agent.ts
Explore tools
The SDK discovers 14 tools from Miro and passes them to the LLM
Why Use Vercel AI SDK with the Miro MCP Server
Vercel AI SDK provides unique advantages when paired with Miro through the Model Context Protocol.
TypeScript-first: every MCP tool gets full type inference, IDE autocomplete, and compile-time error checking out of the box
Framework-agnostic core works with Next.js, Nuxt, SvelteKit, or any Node.js runtime — same Miro integration everywhere
Built-in streaming UI primitives let you display Miro tool results progressively in React, Svelte, or Vue components
Edge-compatible: the AI SDK runs on Vercel Edge Functions, Cloudflare Workers, and other edge runtimes for minimal latency
Miro + Vercel AI SDK Use Cases
Practical scenarios where Vercel AI SDK combined with the Miro MCP Server delivers measurable value.
AI-powered web apps: build dashboards that query Miro in real-time and stream results to the UI with zero loading states
API backends: create serverless endpoints that orchestrate Miro tools and return structured JSON responses to any frontend
Chatbots with tool use: embed Miro capabilities into conversational interfaces with streaming responses and tool call visibility
Internal tools: build admin panels where team members interact with Miro through natural language queries
Miro MCP Tools for Vercel AI SDK (14)
These 14 tools become available when you connect Miro to Vercel AI SDK via MCP:
add_board_member
Requires the board ID and user ID. Optionally set the role (owner, admin, editor, commenter, viewer). The user must already have a Miro account. Add a member to a Miro board
create_board
Requires the board name and optionally a description. Returns the created board with its ID, view link and edit link. Create a new Miro board
create_card
Requires the board ID and card title. Optionally set a description and x,y position. Cards are structured content widgets with title and description fields. Create a card widget on a Miro board
create_comment
Requires the board ID and comment content. Optionally reply to an existing comment by providing its ID as parent_id. Add a comment to a Miro board
create_sticky_note
Requires the board ID and the sticky note content (text). Optionally set the x,y position on the canvas. Returns the created sticky note with its ID and position. Create a sticky note on a Miro board
delete_board_item
Provide the board ID and item ID. WARNING: this action is irreversible. Delete an item from a Miro board
get_board
Provide the board ID (found in the board URL or from list_boards). Get details for a specific Miro board
get_board_item
Provide the board ID and item ID. Get details for a specific item on a Miro board
get_user_context
Returns user ID, name, email, avatar and account type. Use this to verify your access token is working correctly and to see which user identity the API calls will appear as. Get the authenticated Miro user context
list_board_items
) placed on a Miro board. Each item includes its type, ID, content, position, rotation, size and style. Optionally filter by item type (sticky_note, card, shape, text, connector, image, embed, frame, document, mind_map) and set a limit. List items (widgets) on a Miro board
list_board_members
Each member shows their user ID, name, email, role (owner, admin, editor, commenter, viewer) and permission level. Optionally set a limit. List members of a Miro board
list_boards
Each board includes its ID, name, description, creation date, owner and permissions. Optionally set a limit on the number of results. Use this to discover boards before accessing their content. List Miro boards accessible by the user
list_comments
Each comment includes its ID, content text, author info, creation date and parent comment ID (for replies). Optionally set a limit. List comments on a Miro board
update_board
Provide the board ID and the new name and/or description. Only provided fields will be updated. Update a Miro board name or description
Example Prompts for Miro in Vercel AI SDK
Ready-to-use prompts you can give your Vercel AI SDK agent to start working with Miro immediately.
"Show me all the sticky notes on my Sprint Planning board."
"Create a new board called 'Q2 OKRs' with a description 'Quarterly objectives and key results'."
"Add a sticky note to my board saying 'Meeting notes: Discussed API versioning strategy' at position x:100, y:200."
Troubleshooting Miro MCP Server with Vercel AI SDK
Common issues when connecting Miro to Vercel AI SDK through the Vinkius, and how to resolve them.
createMCPClient is not a function
npm install @ai-sdk/mcpMiro + Vercel AI SDK FAQ
Common questions about integrating Miro MCP Server with Vercel AI SDK.
How does the Vercel AI SDK connect to MCP servers?
createMCPClient from @ai-sdk/mcp and pass the server URL. The SDK discovers all tools and provides typed TypeScript interfaces for each one.Can I use MCP tools in Edge Functions?
Does it support streaming tool results?
useChat and streamText that handle tool calls and display results progressively in the UI.Connect Miro with your favorite client
Step-by-step setup guides for every MCP-compatible client and framework:
Anthropic's native desktop app for Claude with built-in MCP support.
AI-first code editor with integrated LLM-powered coding assistance.
GitHub Copilot in VS Code with Agent mode and MCP support.
Purpose-built IDE for agentic AI coding workflows.
Autonomous AI coding agent that runs inside VS Code.
Anthropic's agentic CLI for terminal-first development.
Python SDK for building production-grade OpenAI agent workflows.
Google's framework for building production AI agents.
Type-safe agent development for Python with first-class MCP support.
TypeScript toolkit for building AI-powered web applications.
TypeScript-native agent framework for modern web stacks.
Python framework for orchestrating collaborative AI agent crews.
Leading Python framework for composable LLM applications.
Data-aware AI agent framework for structured and unstructured sources.
Microsoft's framework for multi-agent collaborative conversations.
Connect Miro to Vercel AI SDK
Get your token, paste the configuration, and start using 14 tools in under 2 minutes. No API key management needed.