How to Use the HubSpot Operations Hub MCP in Vercel AI SDK

Q: How do I use the HubSpot Operations Hub MCP Server with the Vercel AI SDK to list my pipelines?

First, connect your client using createMCPClient. Then, pass the hslistallpipelines tool to streamText. The pipeline names and stage IDs will stream directly into your React or Svelte component's state.

Q: Can I create new HubSpot fields from my Next.js app?

Yes. The hscreateproperty tool lets your agent create new custom fields. You'd typically build a form, and on submit, your agent calls the tool with the property name, type, and group you want to add it to.

Q: What's the best way to get valid group names for the HubSpot Operations Hub using the Vercel AI SDK?

Before calling hscreateproperty, have your agent use the hslistpropertygroups tool. This gives you the exact internal names for the property groups on an object, which prevents errors and ensures the new field shows up in the right place in the HubSpot UI.

Q: How can I check which users are available for assignment with HubSpot Operations Hub and the Vercel AI SDK?

Use the hslistowners tool. Your agent can call it to get a list of all users, their emails, and their active status. This is perfect for populating a dropdown in your UI for assigning a contact or deal owner.

Stream HubSpot CRM data directly into your React and Next.js UIs with the Vercel AI SDK. No more loading spinners.

See Vinkius in Action

Works with every AI agent you already use

…and any MCP-compatible client

MCP Servers - Free for Subscribers

Connect HubSpot Operations Hub MCP to Vercel AI SDK

Create your Vinkius account to connect HubSpot Operations Hub 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

Setup HubSpot Operations Hub with Vercel AI SDK

Ask AI about this MCP

ChatGPT

Claude

Perplexity

Build Live CRM Data Dictionaries

Give your team a live view of your HubSpot data model. Use your agent to call `hs_list_properties` and stream every field from your Contacts or Deals objects directly into a UI component. Users can see internal names, data types, and descriptions without leaving your app. This isn't just for viewing. You can build interactive tools that let users search and filter properties on the fly. Since the Vercel AI SDK streams the results, your interface feels instant. It's a much better experience than exporting a CSV or digging through HubSpot settings.

Create Dynamic Configuration UIs

Let users configure automation without hardcoding IDs. When you need to map data to a deal pipeline, call `hs_list_all_pipelines`. The Vercel AI SDK will stream the pipeline names, stages, and internal IDs straight into your UI, populating a dropdown or a configuration screen in real time. Combine it with `hs_list_owners` to build a user assignment component. Your agent gets a list of active users, and your UI updates instantly. This is how you build user-facing tools that feel tightly integrated with HubSpot's backend.

Audit HubSpot Automations from Your App

Check the status of your HubSpot automations without ever opening another tab. Your AI client can use `hs_list_workflows` to get a complete list of your marketing and sales automations, including their names, types, and whether they're active. Because the data streams in, you can build a live dashboard that shows the health of your automation stack. It's a simple way to give your operations team visibility right where they work. This MCP Server makes it possible.

Setup guide

Set up HubSpot Operations Hub 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

Install dependencies

Run npm install ai @modelcontextprotocol/sdk plus your preferred model provider (e.g. @ai-sdk/openai).
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

Discover and use tools

Call mcpClient.tools() to auto-discover all HubSpot Operations Hub tools. Pass them directly to generateText() or streamText() — 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.

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 HubSpot Operations Hub transactions",
});

console.log(text);
await mcpClient.close();

Get your connection token →

Independent Platform Disclaimer: Vinkius is an independent platform and is not affiliated with, endorsed by, sponsored by, verified by, or otherwise authorized by HubSpot. 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.

Connect HubSpot Operations Hub now

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 HubSpot Operations Hub MCP in Vercel AI SDK

First, connect your client using `createMCPClient`. Then, pass the `hs_list_all_pipelines` tool to `streamText`. The pipeline names and stage IDs will stream directly into your React or Svelte component's state.

Yes. The `hs_create_property` tool lets your agent create new custom fields. You'd typically build a form, and on submit, your agent calls the tool with the property name, type, and group you want to add it to.

Before calling `hs_create_property`, have your agent use the `hs_list_property_groups` tool. This gives you the exact internal names for the property groups on an object, which prevents errors and ensures the new field shows up in the right place in the HubSpot UI.

Use the `hs_list_owners` tool. Your agent can call it to get a list of all users, their emails, and their active status. This is perfect for populating a dropdown in your UI for assigning a contact or deal owner.

No. The server is ephemeral and only processes data in memory for the duration of a request. It touches HubSpot data like property definitions, pipeline structures, and owner lists, but it never logs or stores any of it. The data is proxied directly to your client.

Use it with your favorite AI tools

Connect this server to Cursor, Claude, VS Code, and more.

OpenAI Agents SDK sdk-python

Google ADK sdk-python

Pydantic AI sdk-python

Vercel AI SDK sdk-typescript