How to Use the Flowcode MCP in Vercel AI SDK

Q: Can Vercel AI SDK display Flowcode images?

Yes, use getflowcodeimage to pull the QR binary. You can render this directly in your React components once the promise resolves.

Stream Flowcode analytics directly into your Vercel AI SDK frontends for live data visualization.

See Vinkius in Action

Works with every AI agent you already use

…and any MCP-compatible client

MCP Servers - Free for Subscribers

Connect Flowcode MCP to Vercel AI SDK

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

Ask AI about this MCP

ChatGPT

Claude

Perplexity

Real-time QR code generation with AI SDK

Generate dynamic QR codes on the fly by calling `create_flowcode` inside your streamText functions. Your UI updates instantly as the server returns the payload. This bypasses traditional loading states. Your users see the result appear the moment the agent processes the request.

Live scan tracking in your MCP Server UI

Hook your frontend into `get_recent_scans` to display live activity logs. This MCP Server pushes data updates to your components without manual polling. Watching the scan stream in real-time gives you immediate feedback on campaign performance. It keeps your dashboard current while the user interacts with the AI.

Direct funnel data integration

Feed conversion metrics from `list_conversion_rates` directly into your charts. The data flows from the server to your view layer with minimal latency. Build custom visualizations that react to changes in user behavior. You get granular control over how scan data renders in your application.

Setup guide

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

You instantiate the client and pass the tools into your generateText call. This makes the server functions available to your model during the execution cycle.

Yes, use `get_flowcode_image` to pull the QR binary. You can render this directly in your React components once the promise resolves.

Your API token handles authentication at the transport layer. The data is encrypted in transit between the server and your edge functions.

It does. The server architecture is built to handle the request-response patterns required by your streaming frontends.

It accesses your scan logs, conversion metrics, and audience demographics. This data is strictly scoped to your account and never shared with third parties.

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