How to Use the KeyPay MCP in Vercel AI SDK

Q: How do I connect KeyPay to the Vercel AI SDK?

Install @ai-sdk/mcp and initialize your client with createMCPClient. Point the HTTP transport URL to your Vinkius endpoint. Pass the resulting tools to streamText.

Q: Can the Vercel AI SDK stream KeyPay payslips to the browser?

Yes. When the agent calls the listpayslips tool, the SDK streams the generated text response back to your React or Vue frontend. The user sees the payslip details appear in real-time.

Stream live payroll data from KeyPay directly into your React frontend using the Vercel AI SDK.

See Vinkius in Action

Works with every AI agent you already use

…and any MCP-compatible client

MCP Servers - Free for Subscribers

Connect KeyPay MCP to Vercel AI SDK

Create your Vinkius account to connect KeyPay 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 KeyPay with Vercel AI SDK

Ask AI about this MCP

ChatGPT

Claude

Perplexity

Build dynamic payroll dashboards with Vercel AI SDK

The `list_businesses` and `get_business_details` tools pull company hierarchies straight into your application. When a user asks for company stats, your agent fetches the current state from the KeyPay MCP Server. You don't need a loading spinner. The Vercel AI SDK streams the text response while the tool executes in the background. The user sees their business data render on the screen instantly.

Render pay run calculations on the fly

Calling `list_pay_runs` alongside `get_pay_run_details` gives your client exact payroll cycles and statuses. You pass these tool results straight to `streamText`. This means you can build interfaces where users ask about recent payroll costs. The agent hits the endpoints, formats the dates, and pushes the numbers to your Next.js frontend without writing custom API wrappers.

Expose employee records securely

Fetching staff data requires the `list_employees` and `get_employee_details` tools. Your AI client grabs the required IDs and pulls the specific worker's profile. You control the flow. Since the MCP connection happens server-side, your edge functions handle the auth tokens. The browser only receives the final streamed response about the employee.

Setup guide

Set up KeyPay 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 KeyPay 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 KeyPay 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 KeyPay. 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 KeyPay 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 KeyPay MCP in Vercel AI SDK

Install `@ai-sdk/mcp` and initialize your client with `createMCPClient`. Point the HTTP transport URL to your Vinkius endpoint. Pass the resulting tools to `streamText`.

Yes. When the agent calls the `list_pay_slips` tool, the SDK streams the generated text response back to your React or Vue frontend. The user sees the payslip details appear in real-time.

It does. The MCP protocol runs over standard HTTP. Your edge functions can call the KeyPay Server without heavy Node.js dependencies.

Vinkius manages the underlying API credentials. You only need to provide your single endpoint token in the transport configuration when setting up the client.

The server operates in a zero-trust V8 Isolate Sandbox. When your agent pulls `list_pay_run_deductions` or `list_pay_run_earnings`, the data passes directly to your backend. Vinkius drops the instance immediately after the request finishes.

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