Urlbox Connector for AI agents.
12 live capabilities
Turn any URL into high-quality screenshots or PDFs for your project.
Waiting for input…
Why people use Urlbox
Urlbox Web Rendering for High-Fidelity Screenshots
With this Connector, you just tell your agent the URL. It handles the headless browser logic, waits for the page to settle, and gives you a link to the perfect image. You get visual proof in seconds without ever opening a tab.
What Vinkius changes
You get visual web content delivered directly to your chat interface without leaving your workspace.
Use it from Claude, ChatGPT, Cursor or another AI client you already have.
One account · 5,900+ Connectors
- Real-world use case 01
Mobile Layout Auditing
A designer asks the agent to take a screenshot of a new pricing page to see if the mobile layout is broken.
- Real-world use case 02
Client Content Delivery
A marketer wants to convert a blog post to a PDF to send it to a client for final approval.
- Real-world use case 03
Frontend Style Preview
A developer asks the agent to render an HTML snippet to see if the new button style looks right before coding.
Complete set · 12capabilities
The complete Urlbox capability set.
These are the exact actions your AI can choose when you ask it to work with Urlbox.
01—04
4 capabilities in this set.
Part of 12 available through Urlbox.
- 01 Capability
Get account info
Retrieve your profile details. This helps you keep your account details handy for quick reference.
- 02 Capability
List proxies
See all available proxy locations. Use this to understand where your rendering requests are originating from.
- 03 Capability
Get render status
Check the progress of a specific render job. This is useful for tracking long-running tasks.
- 04 Capability
Get credit usage
View your current credit balance and stats. It helps you stay on top of your spending limits.
05—08
4 capabilities in this set.
Part of 12 available through Urlbox.
- 05 Capability
List storage buckets
See your available storage buckets. This is where your rendered assets are kept.
- 06 Capability
List webhooks
See your active webhooks. Use this to manage how your agent receives async notifications.
- 07 Capability
Render async
Start a render that sends results to a webhook. This is perfect for heavy jobs that take some time.
- 08 Capability
Render html
Turn raw HTML into an image. Use this to preview code snippets or generate assets from code.
09—12
4 capabilities in this set.
Part of 12 available through Urlbox.
- 09 Capability
Capture pdf
Convert a URL into a high-quality PDF. This makes it easy to turn web content into documents.
- 10 Capability
Capture png
Grab a screenshot of a URL in PNG format. It's the fastest way to get a visual of a website.
- 11 Capability
Render selector
Capture a specific part of a page using a CSS selector. This is great for grabbing just one chart or button.
- 12 Capability
Render sync
Get an immediate render of a URL. Use this when you need a fast, real-time image result.
Set up in minutes
One URL. Then ask Urlbox to work.
Claude and ChatGPT only need the Connector URL. Copy it once, add it in settings, and use Urlbox from the conversation.
Choose your client
Live previewAdvanced clients IDE · CLI
Claude · Web + desktop
Connector URL · ready to paste
Streamable HTTPhttps://edge.vinkius.com/vk_preview_bwmYhvvAxoh7dvR8S5NxngIyi6oR2CCGz6ot6tm0/mcp - Step 01
Open Connectors
In Claude Web or Claude Desktop, open Settings and choose Connectors.
- Step 02
Add the URL
Choose Add custom connector, name it Urlbox, and paste the URL above.
- Step 03
Turn it on in chat
Select +, open Connectors, and enable Urlbox for the conversation.
ChatGPT · Web + desktop
Connector URL · ready to paste
Streamable HTTPhttps://edge.vinkius.com/vk_preview_bwmYhvvAxoh7dvR8S5NxngIyi6oR2CCGz6ot6tm0/mcp - Step 01
Open MCP settings
On desktop, open Settings and MCP servers. On web, open your workspace app or connector settings.
- Step 02
Add the URL
Choose Add server with Streamable HTTP, or create a custom MCP app, then paste the Urlbox URL.
- Step 03
Save and start
Save the connection and enable Urlbox in your conversation. Desktop may ask you to restart once.
Cursor · IDE configuration
Advanced setup
{
"mcpServers": {
"urlbox-alternative": {
"url": "https://edge.vinkius.com/vk_preview_bwmYhvvAxoh7dvR8S5NxngIyi6oR2CCGz6ot6tm0/mcp"
}
}
}- Step 01
Open MCP Settings
Press Cmd+Shift+P (macOS) or Ctrl+Shift+P (Windows/Linux) → search "MCP Settings"
- Step 02
Add the server config
Paste the JSON configuration above into the mcp.json file that opens
- Step 03
Save the file
Cursor will automatically detect the new Connector
- Step 04
Start using Urlbox
Open Agent mode in chat and ask: "Using Urlbox, help me...". 12 tools available
VS Code Copilot · IDE configuration
Advanced setup
{
"mcpServers": {
"urlbox-alternative": {
"url": "https://edge.vinkius.com/vk_preview_bwmYhvvAxoh7dvR8S5NxngIyi6oR2CCGz6ot6tm0/mcp"
}
}
}- Step 01
Create MCP config
Create a .vscode/mcp.json file in your project root
- Step 02
Add the server config
Paste the JSON configuration above
- Step 03
Enable Agent mode
Open GitHub Copilot Chat and switch to Agent mode using the dropdown
- Step 04
Start using Urlbox
Ask Copilot: "Using Urlbox, help me...". 12 tools available
Windsurf · IDE configuration
Advanced setup
{
"mcpServers": {
"urlbox-alternative": {
"url": "https://edge.vinkius.com/vk_preview_bwmYhvvAxoh7dvR8S5NxngIyi6oR2CCGz6ot6tm0/mcp"
}
}
}- Step 01
Open MCP Settings
Go to Settings → MCP Configuration or press Cmd+Shift+P and search "MCP"
- Step 02
Add the server
Paste the JSON configuration above into mcp_config.json
- Step 03
Save and reload
Windsurf will detect the new server automatically
- Step 04
Start using Urlbox
Open Cascade and ask: "Using Urlbox, help me...". 12 tools available
Cline · IDE configuration
Advanced setup
{
"mcpServers": {
"urlbox-alternative": {
"url": "https://edge.vinkius.com/vk_preview_bwmYhvvAxoh7dvR8S5NxngIyi6oR2CCGz6ot6tm0/mcp"
}
}
}- Step 01
Open Cline MCP Settings
Click the Connectors icon in the Cline sidebar panel
- Step 02
Add remote server
Click "Add Connector" and paste the configuration above
- Step 03
Enable the server
Toggle the server switch to ON
- Step 04
Start using Urlbox
Ask Cline: "Using Urlbox, help me...". 12 tools available
Claude Code · Terminal command
Advanced setup
claude mcp add urlbox-alternative --transport http "https://edge.vinkius.com/vk_preview_bwmYhvvAxoh7dvR8S5NxngIyi6oR2CCGz6ot6tm0/mcp"- Step 01
Install Claude Code
Run npm install -g @anthropic-ai/claude-code if not already installed
- Step 02
Add the Connector
Run the command above in your terminal
- Step 03
Verify the connection
Run claude mcp to list connected servers, or type /mcp inside a session
- Step 04
Start using Urlbox
Ask Claude: "Using Urlbox, show me...". 12 tools are ready
Where the request belongs
Work Urlbox can move forward.
This is for people who need to move visual web data into their workflow without manual screen grabbing. It is for designers who need to audit layouts, marketers who need visual proof, and developers who need to verify CSS.
UI/UX Designer
Verifies how a new landing page looks on different screen sizes without opening a browser.
Content Strategist
Turns long-form blog posts into shareable PDFs for client delivery in seconds.
QA Engineer
Automates the collection of visual bugs by grabbing screenshots of specific UI elements.
Build the capability set
Add more capabilities.
Each Connector adds new actions and data without changing how you work.
Browse ConnectorsUrlbox
Render websites as high-quality screenshots and PDFs with a cloud API that handles responsive layouts and dynamic content.
cloudlayer.io
Generate PDFs and screenshots via cloudlayer.io. convert HTML or URLs to high-quality documents and images directly from any AI agent.
ScreenshotOne
Capture website screenshots. audit visual content and generate PDFs via AI.
Restpack
Convert any URL or HTML into professional PDFs and high-fidelity screenshots directly from your AI agent using the Restpack API.
PagePixels
Capture website screenshots and generate visual previews programmatically with an API that handles rendering at any resolution.
ScreenshotAPI
Capture full-page website screenshots programmatically with custom viewport sizes, delays, and rendering options via a simple API.
Bring your own AI
Change the model, client or framework. Keep Urlbox connected.
-
Claude -
ChatGPT -
Gemini -
Cursor -
VS Code -
Windsurf -
ZCode -
Cline -
Zed -
Continue -
Kiro -
Roo Code -
Zencoder -
Goose -
Void -
Augment Code -
Amp -
Qodo -
Tabnine -
Pieces -
Sourcegraph Cody -
JetBrains -
Warp -
Amazon Q -
Antigravity -
BoltAI -
Raycast -
Jan -
LM Studio -
AnythingLLM -
Open WebUI -
Msty -
Cherry Studio -
LibreChat -
TypingMind -
Chorus -
5ire -
n8n -
LangChain -
LlamaIndex -
CrewAI -
Vercel AI SDK
Before you connect
Questions about Urlbox.
The practical details behind the request, access and result.
Can Urlbox MCP take screenshots of websites with dynamic content?
Yes, it handles dynamic content and responsive layouts to ensure the screenshot looks correct.
How do I get a PDF of a web page using Urlbox?
Just ask your agent to convert a specific URL into a PDF. It will generate a high-fidelity document for you.
Can I capture specific parts of a webpage?
Yes, you can use CSS selectors to isolate elements like charts or headers for a cleaner capture.
Does Urlbox support different image formats?
It supports PNG, JPG, and WebP formats depending on your needs.
How does Urlbox handle large pages that take a long time to load?
You can use the asynchronous rendering capability to handle heavy pages without blocking your chat.
Can I check my account balance through the AI?
Yes, you can ask your agent to check your usage stats and credit balance directly.
Can I capture only a specific part of a webpage?
Yes! Use the render_selector capability. 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 capability convert a URL directly to PDF?
Absolutely. Use the capture_pdf capability by providing the URL. You can also specify an optional page size like 'A4' or 'Letter'.
One connection away
Give your agent a direct line to Urlbox.
Connect Urlbox once. Keep it beside 5,900+ managed Connectors when the next task needs more.
Explore every Connector No credit card required · Free tier available