PagePixels Connector for AI agents.
8 live capabilities
Automate website screenshots and visual previews for web monitoring.
Waiting for input…
Why people use PagePixels
PagePixels for Automated Web Monitoring
This Connector changes that. Your agent can grab those shots in seconds. You get a clean list of visual updates without ever opening a browser yourself.
What Vinkius changes
Your agent handles the heavy lifting of web rendering so you can focus on the results.
Use it from Claude, ChatGPT, Cursor or another AI client you already have.
One account · 5,900+ Connectors
- Real-world use case 01
Competitor Monitoring
A marketer asks the agent to check a competitor's site every morning and report changes using create_screenshot_config.
- Real-world use case 02
UI Testing
A developer asks the agent to take screenshots of a new landing page at three different breakpoints using quick_snap_with_options.
- Real-world use case 03
Dynamic Previews
A user submits a custom HTML snippet, and the agent uses snap_custom_html to show them a visual preview.
Complete set · 8capabilities
The complete PagePixels capability set.
These are the exact actions your AI can choose when you ask it to work with PagePixels.
01—04
4 capabilities in this set.
Part of 8 available through PagePixels.
- 01 Capability
Snap custom html
Take a screenshot of custom HTML code. Use this to see how your snippets look in a browser.
- 02 Capability
Delete screenshot config
Delete a specific screenshot configuration from your account. This helps keep your list clean.
- 03 Capability
Get screenshot config
Get the details of a specific screenshot configuration by its ID. Use this to check current settings.
- 04 Capability
List screenshot configs
List all your active screenshot configurations. This gives you a full overview of your scheduled tasks.
05—08
4 capabilities in this set.
Part of 8 available through PagePixels.
- 05 Capability
Quick snap
Capture a quick screenshot of a URL instantly. It's the fastest way to see a live page.
- 06 Capability
Create screenshot config
Create a new screenshot configuration. Use this to start a new automated monitoring task.
- 07 Capability
Quick snap with options
Take a screenshot of a URL with advanced options. This is great for specific resolutions.
- 08 Capability
Update screenshot config
Update an existing screenshot configuration. This lets you change schedules or URLs on the fly.
Set up in minutes
One URL. Then ask PagePixels to work.
Claude and ChatGPT only need the Connector URL. Copy it once, add it in settings, and use PagePixels 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_IVsaGmRCqFIK44KtZ2KOHUV7XB9e1HGsQ4gXKSGr/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 PagePixels, and paste the URL above.
- Step 03
Turn it on in chat
Select +, open Connectors, and enable PagePixels for the conversation.
ChatGPT · Web + desktop
Connector URL · ready to paste
Streamable HTTPhttps://edge.vinkius.com/vk_preview_IVsaGmRCqFIK44KtZ2KOHUV7XB9e1HGsQ4gXKSGr/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 PagePixels URL.
- Step 03
Save and start
Save the connection and enable PagePixels in your conversation. Desktop may ask you to restart once.
Cursor · IDE configuration
Advanced setup
{
"mcpServers": {
"pagepixels": {
"url": "https://edge.vinkius.com/vk_preview_IVsaGmRCqFIK44KtZ2KOHUV7XB9e1HGsQ4gXKSGr/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 PagePixels
Open Agent mode in chat and ask: "Using PagePixels, help me...". 8 tools available
VS Code Copilot · IDE configuration
Advanced setup
{
"mcpServers": {
"pagepixels": {
"url": "https://edge.vinkius.com/vk_preview_IVsaGmRCqFIK44KtZ2KOHUV7XB9e1HGsQ4gXKSGr/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 PagePixels
Ask Copilot: "Using PagePixels, help me...". 8 tools available
Windsurf · IDE configuration
Advanced setup
{
"mcpServers": {
"pagepixels": {
"url": "https://edge.vinkius.com/vk_preview_IVsaGmRCqFIK44KtZ2KOHUV7XB9e1HGsQ4gXKSGr/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 PagePixels
Open Cascade and ask: "Using PagePixels, help me...". 8 tools available
Cline · IDE configuration
Advanced setup
{
"mcpServers": {
"pagepixels": {
"url": "https://edge.vinkius.com/vk_preview_IVsaGmRCqFIK44KtZ2KOHUV7XB9e1HGsQ4gXKSGr/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 PagePixels
Ask Cline: "Using PagePixels, help me...". 8 tools available
Claude Code · Terminal command
Advanced setup
claude mcp add pagepixels --transport http "https://edge.vinkius.com/vk_preview_IVsaGmRCqFIK44KtZ2KOHUV7XB9e1HGsQ4gXKSGr/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 PagePixels
Ask Claude: "Using PagePixels, show me...". 8 tools are ready
Where the request belongs
Work PagePixels can move forward.
For the QA engineer tired of manual regression testing, the marketer tracking dozens of competitor sites, or the developer building dynamic preview capabilities.
QA Engineer
Automating visual regression tests to catch UI changes across different screen sizes.
Growth Marketer
Monitoring competitor pricing pages and landing pages for updates without manual checks.
Frontend Developer
Generating dynamic image previews for user-submitted content or new UI components.
Build the capability set
Add more capabilities.
Each Connector adds new actions and data without changing how you work.
Browse ConnectorsScreenshotAPI
Capture full-page website screenshots programmatically with custom viewport sizes, delays, and rendering options via a simple API.
ScreenshotOne
Capture website screenshots. audit visual content and generate PDFs via AI.
Urlbox
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.
Restpack
Convert any URL or HTML into professional PDFs and high-fidelity screenshots directly from your AI agent using the Restpack API.
Browserbear
Automate browser tasks via Browserbear. take screenshots, scrape data, and run multi-step automations directly from any AI agent.
Bring your own AI
Change the model, client or framework. Keep PagePixels 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 PagePixels.
The practical details behind the request, access and result.
Can PagePixels MCP take screenshots of specific URLs?
Yes, it can grab high-quality images of any live URL instantly. This is perfect for quick checks or automated monitoring.
How does PagePixels MCP help with competitor tracking?
You can set up scheduled configurations to monitor sites automatically. It captures the visual state of a page on a recurring basis.
Can I use PagePixels MCP to see how my own HTML looks?
Yes, the capability lets you render and capture custom code snippets. This is great for previewing components before they go live.
Does PagePixels MCP support different screen resolutions?
Yes, it supports various options. You can get specific shots for mobile, tablet, or desktop views to ensure your layout is correct.
How do I manage my PagePixels MCP screenshot tasks?
You can list, update, and delete your configurations directly through your agent. This makes it easy to organize your monitoring tasks.
Is PagePixels MCP good for automated UI testing?
It's a great capability for visual regression. It captures consistent shots of your site so you can easily spot layout shifts or broken elements.
Does the AI agent store the screenshots?
No, the AI agent uses PagePixels to generate the screenshots, which are stored securely by the PagePixels service and provided as URLs to the agent.
Can I capture full pages?
Yes! The AI agent can use advanced options to instruct PagePixels to capture the entire height of the webpage.
Are there limits on screenshot generation?
Limits depend strictly on your active PagePixels subscription plan.
One connection away
Give your agent a direct line to PagePixels.
Connect PagePixels once. Keep it beside 5,900+ managed Connectors when the next task needs more.
Explore every Connector No credit card required · Free tier available