ScreenshotOne Connector for AI agents.
6 live capabilities
Capture high-quality website screenshots and PDFs for visual audits.
Waiting for input…
Why people use ScreenshotOne
ScreenshotOne Visual Auditing for QA and Design Teams
This Connector changes that. You just tell your agent to grab the screenshot at a specific size or turn a page into a PDF. It handles the rendering in the background and gives you a clean link or file every time. You get a consistent visual record without the manual clicking.
What Vinkius changes
You get high-quality visual captures and documents through natural language.
Use it from Claude, ChatGPT, Cursor or another AI client you already have.
One account · 5,900+ Connectors
- Real-world use case 01
Visual Regression Testing
A QA engineer asks the agent to check if the 'Submit' button is still blue on mobile.
- Real-world use case 02
Client Deliverables
A designer needs to send a mockup of a live site.
- Real-world use case 03
Rapid Content Archiving
An archivist needs to save 50 URLs.
Complete set · 6capabilities
The complete ScreenshotOne capability set.
These are the exact actions your AI can choose when you ask it to work with ScreenshotOne.
01—03
3 capabilities in this set.
Part of 6 available through ScreenshotOne.
- 01 Capability
Get page metadata
Get metadata for a website like the title and size without capturing. This lets you pull info quickly.
- 02 Capability
Take element screenshot
Take a screenshot of a specific CSS element. It is useful for checking if a single button or header looks correct.
- 03 Capability
Take screenshot
Take a screenshot of a URL. Use this for a standard capture of a webpage as it appears normally.
04—06
3 capabilities in this set.
Part of 6 available through ScreenshotOne.
- 04 Capability
Take viewport screenshot
Take a screenshot with a specific viewport size. This helps you see how a site looks on mobile or tablet.
- 05 Capability
Generate pdf
Generate a PDF from a URL. This turns any webpage into a shareable document instantly.
- 06 Capability
Take full page screenshot
Take a full-page screenshot of a URL. This captures the entire height of a website in one go.
Set up in minutes
One URL. Then ask ScreenshotOne to work.
Claude and ChatGPT only need the Connector URL. Copy it once, add it in settings, and use ScreenshotOne 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_JUwwYa83yWRRMbOnbxUmQsFRB6tFeXnZOYxfQrXu/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 ScreenshotOne, and paste the URL above.
- Step 03
Turn it on in chat
Select +, open Connectors, and enable ScreenshotOne for the conversation.
ChatGPT · Web + desktop
Connector URL · ready to paste
Streamable HTTPhttps://edge.vinkius.com/vk_preview_JUwwYa83yWRRMbOnbxUmQsFRB6tFeXnZOYxfQrXu/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 ScreenshotOne URL.
- Step 03
Save and start
Save the connection and enable ScreenshotOne in your conversation. Desktop may ask you to restart once.
Cursor · IDE configuration
Advanced setup
{
"mcpServers": {
"screenshotone": {
"url": "https://edge.vinkius.com/vk_preview_JUwwYa83yWRRMbOnbxUmQsFRB6tFeXnZOYxfQrXu/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 ScreenshotOne
Open Agent mode in chat and ask: "Using ScreenshotOne, help me...". 6 tools available
VS Code Copilot · IDE configuration
Advanced setup
{
"mcpServers": {
"screenshotone": {
"url": "https://edge.vinkius.com/vk_preview_JUwwYa83yWRRMbOnbxUmQsFRB6tFeXnZOYxfQrXu/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 ScreenshotOne
Ask Copilot: "Using ScreenshotOne, help me...". 6 tools available
Windsurf · IDE configuration
Advanced setup
{
"mcpServers": {
"screenshotone": {
"url": "https://edge.vinkius.com/vk_preview_JUwwYa83yWRRMbOnbxUmQsFRB6tFeXnZOYxfQrXu/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 ScreenshotOne
Open Cascade and ask: "Using ScreenshotOne, help me...". 6 tools available
Cline · IDE configuration
Advanced setup
{
"mcpServers": {
"screenshotone": {
"url": "https://edge.vinkius.com/vk_preview_JUwwYa83yWRRMbOnbxUmQsFRB6tFeXnZOYxfQrXu/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 ScreenshotOne
Ask Cline: "Using ScreenshotOne, help me...". 6 tools available
Claude Code · Terminal command
Advanced setup
claude mcp add screenshotone --transport http "https://edge.vinkius.com/vk_preview_JUwwYa83yWRRMbOnbxUmQsFRB6tFeXnZOYxfQrXu/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 ScreenshotOne
Ask Claude: "Using ScreenshotOne, show me...". 6 tools are ready
Where the request belongs
Work ScreenshotOne can move forward.
This is for the QA engineer tired of manual regression testing, the designer checking mobile layouts, and the ops lead who needs to archive web content quickly.
QA Engineer
They use this on Tuesday afternoons to check if new UI updates broke the layout on different devices.
UI/UX Designer
They use this to verify how a site looks across various viewports and audit element alignment.
Content Archivist
They use this to rapidly document visual content and generate PDF records for historical logs.
Operations Lead
They use this to automate website capturing for cross-functional creative teams.
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.
Restpack
Convert any URL or HTML into professional PDFs and high-fidelity screenshots directly from your AI agent using the Restpack API.
ScreenshotAPI
Capture full-page website screenshots programmatically with custom viewport sizes, delays, and rendering options via a simple API.
PagePixels
Capture website screenshots and generate visual previews programmatically with an API that handles rendering at any resolution.
Gotenberg
Convert URLs, HTML, and Markdown to PDF or screenshots, and manage PDF files with capabilities for merging, splitting, and metadata editing.
Bring your own AI
Change the model, client or framework. Keep ScreenshotOne 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 ScreenshotOne.
The practical details behind the request, access and result.
Can ScreenshotOne capture my whole website?
Yes, it can take full-page screenshots that capture the entire height of a site, not just what fits on your screen.
Can I turn a website into a PDF?
Yes, you can ask your agent to generate a PDF from any URL for easy sharing or offline viewing.
Does ScreenshotOne work for mobile views?
It can take screenshots at specific viewport sizes, so you can see how a site looks on a phone or tablet.
How do I get the metadata?
The Connector can pull the title and page size of a site without having to render the whole page first.
Can I target a specific button for a screenshot?
Yes, you can use it to capture a specific CSS element if you only need to see one part of a page.
Is this good for QA testing?
It's great for visual regression testing where you need to see if a layout changed between different versions.
How do I find my ScreenshotOne Access Key?
Log in to your ScreenshotOne dashboard, and you will find your Access Key under the 'API Keys' section. Copy and paste it below.
Can the agent capture elements by ID or Class?
Yes. Use the take_element_screenshot capability providing a valid CSS selector (e.g., #header or .product-card). Your agent will return a screenshot of just that element.
Is PDF generation supported for all sites?
Yes. The generate_pdf capability works for any publicly accessible URL, converting the website content into a high-quality PDF document instantly.
One connection away
Give your agent a direct line to ScreenshotOne.
Connect ScreenshotOne once. Keep it beside 5,900+ managed Connectors when the next task needs more.
Explore every Connector No credit card required · Free tier available