How to Use the Urlbox MCP in VS Code Copilot

Q: How do I use Urlbox for general web auditing in VS Code Copilot?

You ensure the MCP Server is configured via .vscode/mcp.json. Then, when chatting, ask your agent to run a screenshot or PDF generation tool and provide the URL.

Q: Can Urlbox help with mobile testing in VS Code Copilot?

Yes. The takemobilescreenshot tool specifically runs the capture using a mobile user agent, giving your team accurate context for responsive design checks.

Q: What if I only need basic site info using Urlbox in VS Code Copilot?

Just call getmetadata. It retrieves core data like titles and descriptions, giving you the foundational details you need to write reliable code around the web content.

Q: Is this MCP Server suitable for our enterprise team setup in VS Code Copilot?

Since it's configured via .vscode/mcp.json, it’s easily managed and shared across your entire engineering team, fulfilling the requirements for an organization-wide rollout.

Run web audits and PDF generation across your team with VS Code Copilot's MCP Server.

See Vinkius in Action

Works with every AI agent you already use

…and any MCP-compatible client

MCP Servers - Free for Subscribers

Connect Urlbox MCP to VS Code Copilot

Create your Vinkius account to connect Urlbox to VS Code Copilot 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 Urlbox with VS Code Copilot

Ask AI about this MCP

ChatGPT

Claude

Perplexity

Web Auditing via MCP Server

When building components, you might need to audit a live site. The `take_full_page_screenshot` tool lets your team write code that grabs the entire visual page from a URL. This result is available for inspection right in VS Code. It’s great for QA teams who need proof of what a website looks like across different screen sizes.

PDF Creation with Copilot

The `generate_pdf` tool lets you programmatically create reports. Your code calls this, and the output is structured PDF data ready to be saved or processed by other parts of your application. This means team members can automate report generation without ever leaving their IDE.

High-Fidelity Screenshots on MCP Server

For pixel-perfect testing, use `take_retina_screenshot`. This tool captures a high-resolution PNG of any URL. You can commit the code that calls this function and rely on Copilot Chat to execute it. It ensures your visual assets match exactly what you designed.

Setup guide

Set up Urlbox MCP in VS Code Copilot

Prerequisites

VS Code 1.99 or later with GitHub Copilot extension
Active Vinkius subscription with a valid endpoint token

1

Open MCP configuration

Open the Command Palette (Cmd+Shift+P / Ctrl+Shift+P) and run "MCP: Add Server". Select HTTP (Streamable) as the server type. VS Code will create .vscode/mcp.json in your workspace.
2

Add the Urlbox MCP

Paste the JSON snippet shown on the right into your .vscode/mcp.json. Replace [YOUR_TOKEN_HERE] with your endpoint token from cloud.vinkius.com.
3

Switch to Agent mode

Open Copilot Chat (Cmd+Shift+I / Ctrl+Shift+I) and switch to Agent mode using the dropdown. MCP tools are only available in Agent mode — they do not appear in Edit or Ask modes.
4

Verify the connection

In the Copilot Chat input, type # to list available tools. You should see the Urlbox tools listed. Try asking: "List my recent Urlbox transactions" and Copilot will invoke them automatically.

.vscode/mcp.json

{
  "mcpServers": {
    "urlbox-mcp": {
      "url": "https://edge.vinkius.com/[YOUR_TOKEN_HERE]/mcp"
    }
  }
}

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 Urlbox. 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 Urlbox 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 Urlbox MCP in VS Code Copilot

You ensure the MCP Server is configured via `.vscode/mcp.json`. Then, when chatting, ask your agent to run a screenshot or PDF generation tool and provide the URL.

Yes. The `take_mobile_screenshot` tool specifically runs the capture using a mobile user agent, giving your team accurate context for responsive design checks.

This MCP Server touches visual web content (PDF files and PNG images) and URL metadata. All the generated output is passed back to your code context for use.

Just call `get_metadata`. It retrieves core data like titles and descriptions, giving you the foundational details you need to write reliable code around the web content.

Since it's configured via `.vscode/mcp.json`, it’s easily managed and shared across your entire engineering team, fulfilling the requirements for an organization-wide rollout.

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