4,500+ servers built on MCP Fusion
Vinkius
MakePlans logo
Vinkius
Vercel AI SDK logo

How to Use the MakePlans MCP in Vercel AI SDK

Build a booking UI that updates in real-time with the Vercel AI SDK. Let users watch available slots and appointments appear without a loading spinner.

See Vinkius in Action

Works with every AI agent you already use

…and any MCP-compatible client

MakePlans MCP on Cursor AI Code Editor MCP Client MakePlans MCP on Claude Desktop App MCP Integration MakePlans MCP on OpenAI Agents SDK MCP Compatible MakePlans MCP on Visual Studio Code MCP Extension Client MakePlans MCP on GitHub Copilot AI Agent MCP Integration MakePlans MCP on Google Gemini AI MCP Integration MakePlans MCP on Lovable AI Development MCP Client MakePlans MCP on Mistral AI Agents MCP Compatible MakePlans MCP on Amazon AWS Bedrock MCP Support
MCP Servers - Free for Subscribers
Vercel AI SDK

Connect MakePlans MCP to Vercel AI SDK

Create your Vinkius account to connect MakePlans 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.

GDPR Free for Subscribers

Stream Appointments Directly to Your UI

This MCP server gives your Vercel AI SDK app direct access to the MakePlans booking engine. You can build a form that collects a user's info, then have your agent call `create_new_customer` and `create_new_appointment` in sequence. The user sees the confirmation appear on the page instantly. Because the AI SDK streams tool results, you don't need to manage loading states. When your agent books a meeting, the appointment details from `get_appointment_details` can flow directly into your React components. It feels fast because it is.

Find and Display Open Slots Live

Hook up a date picker to the `find_available_slots` tool. As the user clicks through different days or services, your agent fetches available times from MakePlans and streams them right into the UI. You're not just showing data; you're building an interactive scheduling experience. Combine this with `list_available_services` to create a complete booking interface. Your agent can first fetch all possible services, and once the user chooses one, it immediately starts looking for open slots. The entire process is visible to the user in real-time.

Build Dashboards with this MCP Server

Use the `list_appointments` and `list_customers` tools to build administrative dashboards. Your agent can fetch a complete schedule or customer list, streaming the data directly into a table or list view in your Next.js or Svelte app. You can add filters to your UI that pass parameters to the `list_appointments` tool. This lets an admin view bookings for a specific date range or resource, and the results update on the fly. It's a straightforward way to build internal tools on top of your MakePlans data.

Setup guide

Set up MakePlans MCP in Vercel AI SDK

Prerequisites

  • Node.js 18+ and a TypeScript project
  • ai + @modelcontextprotocol/sdk packages
  • Active Vinkius subscription with a valid endpoint token
  1. 1

    Install dependencies

    Run npm install ai @modelcontextprotocol/sdk plus your preferred model provider (e.g. @ai-sdk/openai).

  2. 2

    Create the Streamable HTTP transport

    Use StreamableHTTPClientTransport with your Vinkius endpoint URL. Replace [YOUR_TOKEN_HERE] with your token from cloud.vinkius.com.

  3. 3

    Discover and use tools

    Call mcpClient.tools() to auto-discover all MakePlans tools. Pass them directly to generateText() or streamText() — no manual schema definitions needed.

  4. 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.

index.ts
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 MakePlans 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 MakePlans. 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 MakePlans MCP in Vercel AI SDK

First, install the Vercel AI SDK and its MCP package. Then, create the MCP client in your code, pointing it to your unique Vinkius URL. You can then access the MakePlans tools and pass them to the `streamText` or `generateText` functions.
Yes. The `create_new_customer` tool is designed for this. Your agent can take a name from a form in your UI and use the tool to create a profile in MakePlans, returning the new customer ID.
Absolutely. The server is fully compatible with the Vercel AI SDK's streaming capabilities. Tool outputs, like a list of available slots from `find_available_slots`, will stream directly into your frontend components.
The `list_booking_resources` tool lets you see all the schedulable resources in your MakePlans account. This could be anything from staff members to specific rooms or equipment.
Your app sends customer names and appointment times to the MakePlans MCP server to perform actions. Vinkius processes each tool call in an ephemeral, zero-trust sandbox. The data is used for the transaction and not stored by Vinkius.

Start using the MakePlans MCP today

We host it, we monitor it, we maintain it. You just paste one token.

Built & Managed by Vinkius 30s setup 8 tools

We've already built the connector for MakePlans. Just plug in your AI agents and start using Vinkius.

No hosting. No infrastructure. No complex setup.
All 8 tools are live and waiting. You're up and running in seconds.

Claude Claude
ChatGPT ChatGPT
Cursor Cursor
Gemini Gemini
Windsurf Windsurf
VS Code VS Code
JetBrains JetBrains
Vercel Vercel
+ other MCP clients

Vinkius gives your AI agents access to the full catalog of app connectors, all fully managed, secure, and enterprise-ready. One subscription, every tool you need.

Zero hosting required Full MCP catalog included Enterprise-grade security Auto-updated by Vinkius

Built, hosted, and secured by Vinkius. You just connect and go.