How to Use the Browserless MCP in Vercel AI SDK

Render live web data into your Vercel AI SDK interface without waiting for background tasks to finish.

See Vinkius in Action

Works with every AI agent you already use

…and any MCP-compatible client

MCP Servers - Free for Subscribers

Connect Browserless MCP to Vercel AI SDK

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

Ask AI about this MCP

ChatGPT

Claude

Perplexity

Stream HTML content into your Vercel AI SDK UI

Use `get_page_content` to pull live rendered HTML directly into your frontend components. Your users see the data arrive in real-time as the agent fetches it. This MCP Server bypasses standard latency issues by pushing raw content through your streaming connection. It turns static web scraping into a live feed for your React or Next.js app.

Capture visuals for your Vercel AI SDK dashboard

Trigger `take_screenshot` to grab visual evidence of any URL and display it immediately in your UI. This works inside your edge functions without crashing your memory limits. Your app handles the visual output while the agent manages the headless browser. You get a clean buffer sent straight to your client-side state.

Generate PDFs inside Vercel AI SDK workflows

Call `generate_pdf` to turn any dynamic webpage into a document your users can download. The tool handles the heavy lifting of headless Chrome rendering. Your edge function receives the binary stream, letting you pipe it directly to a user's browser. It keeps your server-side logic simple and your response times fast.

Setup guide

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

Install the MCP client package and configure the HTTP transport with your Vinkius endpoint. You'll pass the tool set into your streamText function to expose these capabilities to your agents.

Yes. Since Vinkius hosts the infrastructure, you won't need to worry about scaling browser instances. Your Vercel AI SDK app just sends the commands, and we handle the execution.

We isolate every session in a V8 sandbox to protect your environment. Your Browserless data remains private, ensuring no unauthorized access to your scraping scripts or page content.

The MCP protocol returns a structured error to your agent. Your Vercel AI SDK logic can then catch this and decide whether to retry or notify the user.

Vinkius monitors your request volume to provide accurate billing metrics. We only track metadata like session counts and duration, never the actual content of your scrapes.

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