How to Use the Box MCP in Vercel AI SDK
Stream real-time Box folder structures directly into your frontend using this MCP Server and the Vercel AI SDK.
Works with every AI agent you already use
…and any MCP-compatible client
Connect Box MCP to Vercel AI SDK
Create your Vinkius account to connect Box 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.
Real-time UI updates with Vercel AI SDK
The `list_folder_items` tool lets your app read directory contents directly from Box. Because you are using the Vercel AI SDK, these file lists stream straight to your React or Next.js frontend without making the user stare at a loading spinner. When users request a directory view, the SDK calls `get_folder_info` and updates the layout piece by piece. You get a fast, responsive interface that feels like a local file explorer instead of a slow cloud sync tool.
Secure folder creation and file management
The `create_folder` tool lets your client build new directories on the fly. It uses parent ID "0" to start at the root, giving you a clean slate for organizing user uploads. If a user decides to clean up their workspace, the `delete_folder` tool handles the removal. Just set the recursive flag to true, and the server wipes the target folder and its contents in one clean step.
Live Box search inside your streaming application
The `search_content` tool finds files and directories when your user does not know the exact IDs. This MCP Server feeds those search results directly into the Vercel AI SDK streaming text function. Once the file is found, your agent can trigger `get_file_info` to show the size, version, and SHA1 hash. Users see these file details populate their screen instantly as the model finds them.
Set up Box 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 Box 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 Box 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 Box. 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 Box 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 Box MCP today
We host it, we monitor it, we maintain it. You just paste one token.