Bring Screenshot Api
to Vercel AI SDK
Learn how to connect Urlbox to Vercel AI SDK and start using 12 AI agent tools in minutes. Fully managed, enterprise secure, and ready to use without writing a single line of code.
What is the Urlbox MCP Server?
Connect your Urlbox account to any AI agent and simplify how you generate high-quality website screenshots, PDF conversions, and HTML renders through natural conversation.
What you can do
- Web Capture — Generate instant screenshots of any public URL in multiple formats (PNG, JPG, WebP, SVG).
- PDF Conversion — Convert entire webpages to high-fidelity PDF documents with customizable page sizes.
- HTML Rendering — Render raw HTML code directly into images to test styles or generate dynamic assets.
- Selective Capture — Use CSS selectors to capture only specific elements of a page (e.g., just a chart or a header).
- Usage Monitoring — Track your credit balance and monthly usage stats directly from your agent.
- Technical Insights — Retrieve active webhooks, storage buckets, and available proxy locations for premium rendering.
How it works
1. Subscribe to this server
2. Enter your Urlbox API Key (found in your account dashboard)
3. Start capturing the web from Claude, Cursor, or any MCP client
Who is this for?
- Web Developers & Designers — quickly verify responsive layouts and render HTML snippets via simple AI commands.
- Marketing Teams — automate the collection of visual proofs for ads and social media landing pages.
- Content Creators — generate high-quality screenshots and PDF backups of online articles instantly.
Built-in capabilities (12)
Convert URL to PDF
Capture PNG screenshot
Get account profile
Get usage stats
Check render status
List available proxies
List storage buckets
List active webhooks
Result is sent to webhook. Render URL (Async)
Render raw HTML
Render specific element
Render URL (Sync)
Why Vercel AI SDK?
The Vercel AI SDK gives every Urlbox tool full TypeScript type inference, IDE autocomplete, and compile-time error checking. Connect 12 tools through Vinkius and stream results progressively to React, Svelte, or Vue components. works on Edge Functions, Cloudflare Workers, and any Node.js runtime.
- —
TypeScript-first: every MCP tool gets full type inference, IDE autocomplete, and compile-time error checking out of the box
- —
Framework-agnostic core works with Next.js, Nuxt, SvelteKit, or any Node.js runtime. same Urlbox integration everywhere
- —
Built-in streaming UI primitives let you display Urlbox tool results progressively in React, Svelte, or Vue components
- —
Edge-compatible: the AI SDK runs on Vercel Edge Functions, Cloudflare Workers, and other edge runtimes for minimal latency
Urlbox in Vercel AI SDK
Urlbox and 3,400+ other MCP servers. One platform. One governance layer.
Teams that connect Urlbox to Vercel AI SDK through Vinkius don't need to source, host, or maintain individual MCP servers. Every tool call runs inside a hardened runtime with credential isolation, DLP, and a signed audit chain.
Raw MCP | Vinkius | |
|---|---|---|
| Server catalog | Find and host yourself | 3,400+ managed |
| Infrastructure | Self-hosted | Sandboxed V8 isolates |
| Credential handling | Plaintext in config | Vault + runtime injection |
| Data loss prevention | None | Configurable DLP policies |
| Kill switch | None | Global instant shutdown |
| Financial circuit breakers | None | Per-server limits + alerts |
| Audit trail | None | Ed25519 signed logs |
| SIEM log streaming | None | Splunk, Datadog, Webhook |
| Honeytokens | None | Canary alerts on leak |
| Custom domains | Not applicable | DNS challenge verified |
| GDPR compliance | Manual effort | Automated purge + export |
Why teams choose Vinkius for Urlbox in Vercel AI SDK
The Urlbox MCP Server runs on Vinkius-managed infrastructure inside AWS — a purpose-built runtime with per-request V8 isolates, Ed25519 signed audit chains, and sub-40ms cold starts. All 12 tools execute in hardened sandboxes optimized for native MCP execution.
Your AI agents in Vercel AI SDK only access the data you authorize, with DLP that blocks sensitive information from ever reaching the model, kill switch for instant shutdown, and up to 60% token savings. Enterprise-grade infrastructure, zero maintenance.
* Every MCP server runs on Vinkius-managed infrastructure inside AWS - a purpose-built runtime with per-request V8 isolates, Ed25519 signed audit chains, and sub-40ms cold starts optimized for native MCP execution. See our infrastructure
How Vinkius secures
Urlbox for Vercel AI SDK
Every tool call from Vercel AI SDK to the Urlbox MCP Server is protected by DLP redaction, cryptographic audit chains, V8 sandbox isolation, kill switch, and financial circuit breakers.
Frequently asked questions
Can I capture only a specific part of a webpage?
Yes! Use the render_selector tool. Provide the URL and the CSS selector (e.g., #my-chart) to capture only that specific element instead of the whole page.
How do I see how many credits I have left?
Run the get_credit_usage query. Your agent will retrieve your current credit balance and monthly rendering metrics directly from Urlbox.
Can this tool convert a URL directly to PDF?
Absolutely. Use the capture_pdf tool by providing the URL. You can also specify an optional page size like 'A4' or 'Letter'.
How does the Vercel AI SDK connect to MCP servers?
Import createMCPClient from @ai-sdk/mcp and pass the server URL. The SDK discovers all tools and provides typed TypeScript interfaces for each one.
Can I use MCP tools in Edge Functions?
Yes. The AI SDK is fully edge-compatible. MCP connections work on Vercel Edge Functions, Cloudflare Workers, and similar runtimes.
Does it support streaming tool results?
Yes. The SDK provides streaming primitives like useChat and streamText that handle tool calls and display results progressively in the UI.
createMCPClient is not a function
Install: npm install @ai-sdk/mcp