ScreenshotAPI Connector for AI agents.
12 live capabilities
Capture high-resolution website screenshots and PDFs for visual QA.
Waiting for input…
Why people use ScreenshotAPI
ScreenshotAPI Visual QA for Web Developers
With this Connector, you just describe the requirement. You can ask your agent to grab a clean, ad-free shot of a specific component in dark mode and have it ready in seconds. You get a consistent visual record without the manual clicking.
What Vinkius changes
You get accurate web visuals without ever opening a browser tab.
Use it from Claude, ChatGPT, Cursor or another AI client you already have.
One account · 5,900+ Connectors
- Real-world use case 01
Competitor Analysis
A marketing manager asks the agent to grab clean mobile shots of three competitor landing pages to compare layouts.
- Real-world use case 02
Regression Testing
A QA engineer asks the agent to take screenshots of a specific login button across three different screen sizes to check for alignment.
- Real-world use case 03
Content Archiving
A blogger asks the agent to convert a 20-page long article into a PDF for a newsletter.
Complete set · 12capabilities
The complete ScreenshotAPI capability set.
These are the exact actions your AI can choose when you ask it to work with ScreenshotAPI.
01—04
4 capabilities in this set.
Part of 12 available through ScreenshotAPI.
- 01 Capability
Capture full length screenshot
Grabs the entire webpage from top to bottom. It handles the scrolling for you so nothing gets cut off.
- 02 Capability
Capture mobile view screenshot
Sets the viewport to a mobile resolution. You can see exactly how the site stacks on a phone.
- 03 Capability
Convert webpage to pdf
Turns a live URL into a downloadable PDF. This is great for saving reports or long-form articles.
- 04 Capability
Capture specific element
Targets a single CSS element for a screenshot. It's the best way to grab just a button or a specific card.
05—08
4 capabilities in this set.
Part of 12 available through ScreenshotAPI.
- 05 Capability
Capture website screenshot
Takes a standard screenshot of any URL and returns a hosted link. This is your go-to for basic visual captures.
- 06 Capability
Capture webp format screenshot
Saves the final image in WebP format. This keeps file sizes small without sacrificing too much quality.
- 07 Capability
Check api health
Verifies that the service is running correctly. Use this to ensure your connection is active.
- 08 Capability
Get api quota info
Shows your current account usage. It helps you keep track of how many captures you have left.
09—12
4 capabilities in this set.
Part of 12 available through ScreenshotAPI.
- 09 Capability
Capture clean screenshot no ads
Takes a screenshot while automatically stripping out ads and cookie banners. This ensures you get a clean view of the actual content.
- 10 Capability
Capture dark mode screenshot
Renders the webpage in dark mode. It's perfect for testing how your site looks in low-light themes.
- 11 Capability
Capture delayed screenshot
Waits a few seconds before taking a shot. This is essential for websites that use lazy-loading for images.
- 12 Capability
Capture new screenshot no cache
Forces the capability to bypass the cache. Use this when you need to see a live update that hasn't refreshed yet.
Set up in minutes
One URL. Then ask ScreenshotAPI to work.
Claude and ChatGPT only need the Connector URL. Copy it once, add it in settings, and use ScreenshotAPI 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_GWqUFH6zTMRiDzjnZPhdmaUlfQKE6a7hs5vFXhdR/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 ScreenshotAPI, and paste the URL above.
- Step 03
Turn it on in chat
Select +, open Connectors, and enable ScreenshotAPI for the conversation.
ChatGPT · Web + desktop
Connector URL · ready to paste
Streamable HTTPhttps://edge.vinkius.com/vk_preview_GWqUFH6zTMRiDzjnZPhdmaUlfQKE6a7hs5vFXhdR/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 ScreenshotAPI URL.
- Step 03
Save and start
Save the connection and enable ScreenshotAPI in your conversation. Desktop may ask you to restart once.
Cursor · IDE configuration
Advanced setup
{
"mcpServers": {
"screenshotapi": {
"url": "https://edge.vinkius.com/vk_preview_GWqUFH6zTMRiDzjnZPhdmaUlfQKE6a7hs5vFXhdR/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 ScreenshotAPI
Open Agent mode in chat and ask: "Using ScreenshotAPI, help me...". 12 tools available
VS Code Copilot · IDE configuration
Advanced setup
{
"mcpServers": {
"screenshotapi": {
"url": "https://edge.vinkius.com/vk_preview_GWqUFH6zTMRiDzjnZPhdmaUlfQKE6a7hs5vFXhdR/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 ScreenshotAPI
Ask Copilot: "Using ScreenshotAPI, help me...". 12 tools available
Windsurf · IDE configuration
Advanced setup
{
"mcpServers": {
"screenshotapi": {
"url": "https://edge.vinkius.com/vk_preview_GWqUFH6zTMRiDzjnZPhdmaUlfQKE6a7hs5vFXhdR/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 ScreenshotAPI
Open Cascade and ask: "Using ScreenshotAPI, help me...". 12 tools available
Cline · IDE configuration
Advanced setup
{
"mcpServers": {
"screenshotapi": {
"url": "https://edge.vinkius.com/vk_preview_GWqUFH6zTMRiDzjnZPhdmaUlfQKE6a7hs5vFXhdR/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 ScreenshotAPI
Ask Cline: "Using ScreenshotAPI, help me...". 12 tools available
Claude Code · Terminal command
Advanced setup
claude mcp add screenshotapi --transport http "https://edge.vinkius.com/vk_preview_GWqUFH6zTMRiDzjnZPhdmaUlfQKE6a7hs5vFXhdR/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 ScreenshotAPI
Ask Claude: "Using ScreenshotAPI, show me...". 12 tools are ready
Where the request belongs
Work ScreenshotAPI can move forward.
This is for the marketing manager tired of manual screenshots, the QA engineer checking dozens of devices, and the content creator needing to turn web pages into shareable PDFs.
Marketing Manager
Grabs clean shots of competitor ads and landing pages for weekly reports without dealing with popups.
QA Engineer
Automates responsive design checks across multiple device viewports to catch layout bugs early.
Content Coordinator
Converts long-form blog posts and web articles into professional PDF reports for distribution.
Build the capability set
Add more capabilities.
Each Connector adds new actions and data without changing how you work.
Browse ConnectorsPagePixels
Capture website screenshots and generate visual previews programmatically with an API that handles rendering at any resolution.
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.
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 ScreenshotAPI 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 ScreenshotAPI.
The practical details behind the request, access and result.
What can I do with ScreenshotAPI?
You can use it to take full-page screenshots, convert websites to PDFs, and simulate different devices like phones. It's great for getting clean visuals without ads or popups.
Can ScreenshotAPI handle lazy-loaded images?
Yes, it can. By using a delay, the capability waits for elements to load before taking the shot, ensuring your images aren't blank.
How do I get screenshots without ads?
The capability automatically blocks cookies and banners, so you get a clean view of the site content every time you ask your agent to capture a URL.
Can I see how my site looks in dark mode?
Yes, you can specifically request a dark mode capture to see how your styles react to different themes.
Does ScreenshotAPI work for mobile layouts?
It can simulate various mobile viewports, letting you see exactly how your site stacks on different phone screens.
Can I grab just one part of a website?
Yes, you can target specific CSS elements to get a close-up shot of a single button, card, or section.
Can my AI automatically generate a PDF from a website URL?
Yes! Use the capture_pdf capability. Provide the URL, and your agent will return a professional PDF document of the web page instantly.
How do I take a screenshot specifically for mobile viewports?
Simply ask the agent to run the capture_mobile action. It will automatically configure the viewport to 375x812 pixels to simulate a modern smartphone screen.
How do I find my ScreenshotAPI.net Token?
Log in to your ScreenshotAPI.net dashboard, and you will find your unique Token in the API Key section of your account settings.
One connection away
Give your agent a direct line to ScreenshotAPI.
Connect ScreenshotAPI once. Keep it beside 5,900+ managed Connectors when the next task needs more.
Explore every Connector No credit card required · Free tier available