How to Use the PagePixels MCP in Cline

Q: How does PagePixels secure my HTML code and screenshot data in Cline?

All raw HTML sent via snapcustomhtml and the resulting screenshots are handled over encrypted HTTPS connections. PagePixels processes these requests in temporary, isolated browser sandboxes that are wiped immediately after the render is complete.

Generate pixel-perfect website screenshots and test HTML layouts autonomously inside VS Code with Cline and PagePixels.

See Vinkius in Action

Works with every AI agent you already use

…and any MCP-compatible client

MCP Servers — Included with Plan

Connect PagePixels MCP to Cline

Create your Vinkius account to connect PagePixels to Cline — we handle the hosting, security, and runtime updates so you don't have to. No server setup required.

GDPR Included with Plan

Setup PagePixels with Cline

Ask AI about this MCP

ChatGPT

Claude

Perplexity Vinkius runs on Gemini

Gemini

Grok

Run automated visual checks inside Cline

The automated screenshot tools in PagePixels let Cline build your frontend components and immediately verify their visual layout. By calling `quick_snap_with_options`, the agent captures your live staging site and reviews the layout for rendering bugs. You don't have to write custom testing scripts. Just tell Cline to check the homepage layout, and it will execute `quick_snap` to pull the image directly into your VS Code workspace for instant validation.

Manage screenshot profiles directly from VS Code

The configuration management tools let you keep your testing environment organized by letting Cline manage your PagePixels assets. The agent uses `create_screenshot_config` to save specific viewport sizes and selectors, ensuring your automated test runs remain consistent. If your site structure changes, Cline can call `update_screenshot_config` to adjust your saved profiles, or run `delete_screenshot_config` to prune old configurations that you no longer need.

Test raw HTML rendering using Cline and MCP

The custom HTML rendering tool lets Cline bypass the browser entirely when you're drafting email templates or landing pages. It takes your active file and runs `snap_custom_html` to generate a high-resolution preview of your raw code in seconds. This MCP Server connection lets Cline verify that your inline styles and responsive grids render correctly. You get immediate visual feedback inside your editor without leaving your workspace.

Setup guide

Set up PagePixels MCP in Cline

Prerequisites

VS Code with Cline extension installed
Active Vinkius subscription with a valid endpoint token

1

Open Cline MCP settings

Click the Cline icon in the VS Code sidebar to open the Cline panel. Then click the MCP Servers icon (server stack) at the top-right corner of the panel.
2

Add a remote server

Click "Remote Servers" at the top, then click "Add Remote MCP". In the Name field, type pagepixels-mcp. In the URL field, paste your Vinkius endpoint: https://edge.vinkius.com/[YOUR_TOKEN_HERE]/mcp. Get your token from cloud.vinkius.com.
3

Enable the server

After saving, the server appears in the Cline MCP panel. Toggle the switch to enable it. The status indicator turns green when the connection is live.
4

Start using tools

Return to the Cline chat and ask: "Check my latest PagePixels refund status." Cline will discover the available tools and request your approval before invoking each one — giving you full control over every action.

Cline MCP Settings

{
  "mcpServers": {
    "pagepixels-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 PagePixels. 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 PagePixels 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 PagePixels MCP in Cline

Yes, Cline uses this MCP Server to capture dynamic pages. It calls `quick_snap_with_options` to wait for specific elements to load or inject custom delay parameters before taking the screenshot.

Ask Cline to list your active setups. It will query the API using `list_screenshot_configs` or retrieve a profile using `get_screenshot_config` and display a clean list of your saved targets and viewports directly in the VS Code terminal.

Absolutely. Cline passes your exact width and height requirements to `quick_snap_with_options`, allowing you to test mobile, tablet, and ultra-wide layouts with a single command.

Open the Cline sidebar, click the MCP icon, and add the server configuration. You can also edit your `cline_mcp_settings.json` file directly to register the MCP Server tools.

All raw HTML sent via `snap_custom_html` and the resulting screenshots are handled over encrypted HTTPS connections. PagePixels processes these requests in temporary, isolated browser sandboxes that are wiped immediately after the render is complete.

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