How to Use the Formsite MCP in Vercel AI SDK

Q: How do I install the Formsite MCP Server in a Vercel AI SDK project?

Run npm install ai @ai-sdk/mcp in your terminal. Use the createMCPClient helper to connect to the Vinkius MCP Server URL, then pass the tools directly into streamText or generateText before calling mcpClient.close() when finished.

Q: Can I stream Formsite submission lists directly to a React component using the Vercel AI SDK?

Yes. Call listresults inside the Vercel AI SDK tool loop to stream the raw submission array directly to the client. This lets your React UI render the data row-by-row as the agent parses the response, eliminating standard loading states.

Q: Can my agent list all available forms to let users choose one?

Yes, listforms returns a clean array of your active forms and their IDs. Your agent can present this list to the user in a dropdown or chat interface, allowing them to select which form they want to inspect.

Q: How does Vinkius protect my Formsite submissions and API keys?

Every request to fetch submissions via listresults runs in an isolated V8 sandbox that is destroyed immediately after execution. Your raw form data and API keys are never stored on disk, preventing data leakage between agent sessions.

Pipe live Formsite submission data and form structures straight into your React UI 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 Formsite MCP to Vercel AI SDK

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

Ask AI about this MCP

ChatGPT

Claude

Perplexity

Stream Form Submissions to Live React Tables

`list_results` retrieves form submissions from Formsite and feeds them directly to your active UI components. Your agent pulls the raw payload and formats it on the fly, bypassing traditional loading spinners by streaming the data as it arrives. By feeding these tool outputs straight into Vercel AI SDK's UI helpers, you render clean tables of form entries without writing custom API routes. The SDK processes the incoming array from Formsite instantly, updating the DOM as the server flushes the response.

Dynamic Form Layout Inspections in Vercel AI SDK

`list_form_items` extracts the exact field structure and field IDs from any active Formsite form. The Vercel AI SDK consumes this structural blueprint, allowing your agent to dynamically build matching validation schemas or custom input UI previews in real-time. Instead of hardcoding form fields in your Next.js codebase, you let your agent query the live layout and render matching components. This ensures your frontend stays aligned with the Formsite backend without manual updates.

Manage Formsite Webhooks via Vercel AI SDK

`create_webhook` registers a new HTTP POST destination on Formsite to push submissions instantly to your Vercel edge endpoints. The Vercel AI SDK handles the setup via its tool calling loop, allowing your agent to establish real-time data pipelines on the fly using this MCP Server. You can instantly tear down these endpoints with `delete_webhook` when testing is complete. The entire lifecycle runs inside Vercel's edge runtime, keeping execution times low and responsive.

Setup guide

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

Run `npm install ai @ai-sdk/mcp` in your terminal. Use the `createMCPClient` helper to connect to the Vinkius MCP Server URL, then pass the tools directly into `streamText` or `generateText` before calling `mcpClient.close()` when finished.

Yes. Call `list_results` inside the Vercel AI SDK tool loop to stream the raw submission array directly to the client. This lets your React UI render the data row-by-row as the agent parses the response, eliminating standard loading states.

Vinkius manages the core API credentials securely in its sandbox, so your frontend code never exposes the Formsite token. You pass your single Vinkius endpoint token to the SDK's MCP client configuration, which handles routing and auth behind the scenes.

Yes, `list_forms` returns a clean array of your active forms and their IDs. Your agent can present this list to the user in a dropdown or chat interface, allowing them to select which form they want to inspect.

Every request to fetch submissions via `list_results` runs in an isolated V8 sandbox that is destroyed immediately after execution. Your raw form data and API keys are never stored on disk, preventing data leakage between agent sessions.

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