Urlbox Connector for AI agents.
12 live capabilities
Capture high-fidelity website screenshots and mobile layouts for design audits.
Waiting for input…
Why people use Urlbox
Urlbox Website Screenshot Auditing for Design QA
With Urlbox, you just type the URL and tell your agent what view you need. You get a link to a high-fidelity image or a PDF in seconds, keeping you inside your workspace and ensuring your visual records are perfectly accurate every time.
What Vinkius changes
You get high-fidelity visual records without ever opening a browser.
Use it from Claude, ChatGPT, Cursor or another AI client you already have.
One account · 5,900+ Connectors
- Real-world use case 01
Mobile QA Testing
A QA engineer asks the agent to check a landing page on a mobile device to verify the layout doesn't break on smaller screens.
- Real-world use case 02
High-Res Design Audit
A design director wants to compare a competitor's desktop view and asks for a retina screenshot to see the fine details.
- Real-world use case 03
Content Archiving
A marketer needs to save a live promotional page as a PDF so the legal team can review it offline without a live link.
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
Get account profile
- 02 Capability
List proxies
List available proxies
- 03 Capability
Get render status
Check render status
- 04 Capability
Get credit usage
Get usage stats
05—08
4 capabilities in this set.
Part of 12 available through Urlbox.
- 05 Capability
List storage buckets
List storage buckets
- 06 Capability
List webhooks
List active webhooks
- 07 Capability
Render async
Result is sent to webhook. Render URL (Async)
- 08 Capability
Render html
Render raw HTML
09—12
4 capabilities in this set.
Part of 12 available through Urlbox.
- 09 Capability
Capture pdf
Convert URL to PDF
- 10 Capability
Capture png
Capture PNG screenshot
- 11 Capability
Render selector
Render specific element
- 12 Capability
Render sync
Render URL (Sync)
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_ox8huNrvCsVrCwJLtvZKluE4tZ0EPlKgb8cFI9vB/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_ox8huNrvCsVrCwJLtvZKluE4tZ0EPlKgb8cFI9vB/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": {
"url": "https://edge.vinkius.com/vk_preview_ox8huNrvCsVrCwJLtvZKluE4tZ0EPlKgb8cFI9vB/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": {
"url": "https://edge.vinkius.com/vk_preview_ox8huNrvCsVrCwJLtvZKluE4tZ0EPlKgb8cFI9vB/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": {
"url": "https://edge.vinkius.com/vk_preview_ox8huNrvCsVrCwJLtvZKluE4tZ0EPlKgb8cFI9vB/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": {
"url": "https://edge.vinkius.com/vk_preview_ox8huNrvCsVrCwJLtvZKluE4tZ0EPlKgb8cFI9vB/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 --transport http "https://edge.vinkius.com/vk_preview_ox8huNrvCsVrCwJLtvZKluE4tZ0EPlKgb8cFI9vB/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.
Design leads who need to audit live sites, QA engineers checking mobile responsiveness, and marketing ops who need to archive landing pages quickly.
QA Engineer
Verifies that a new feature looks right on an iPhone without needing a physical device.
Design Director
Pulls high-res renders of competitor sites to share in a team chat for feedback.
Content Marketer
Archives a series of landing pages as PDFs for a seasonal campaign review.
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 take screenshots of websites with a lot of scrolling?
Yes, you can use the full-page capture capability to get the entire site from top to bottom in a single image.
How do I get a mobile view of a site using Urlbox?
Just ask your agent to use the mobile user agent. It will render the site exactly as it appears on a smartphone.
Can I save a website as a PDF with Urlbox?
Yes, you can convert any live URL into a professional PDF document for easy sharing or offline storage.
Will the screenshots look clear on high-resolution displays?
Yes, you can use the retina capture capability to get high-density images that stay sharp on 4K and other high-resolution screens.
Is Urlbox good for checking responsive design?
It's perfect for that. You can quickly swap between desktop and mobile views to verify that your layouts don't break.
Can I get a direct link to the image?
Yes, your agent will provide a direct link to the image or PDF as soon as the rendering is finished.
Is Urlbox good for design audits?
Yes, it's built for visual QA, allowing you to see every pixel clearly for professional design reviews.
How do I find my Urlbox API Key?
Log in to your Urlbox dashboard, and you will find your API Key on the main page. Copy and paste it below.
Can the agent take screenshots for mobile devices?
Yes. Use the take_mobile_screenshot capability. Your agent will render the website using a mobile user agent to verify how it looks on smartphones.
Does it support high-resolution (Retina) images?
Yes. The take_retina_screenshot capability enables 2x scaling to provide high-density images suitable for high-resolution displays.
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