X (Twitter)LinkedInGitHubDiscordYouTube

How to connect Screenshotone to Claude

Connect Claude Web, Desktop and Cowork to Screenshotone MCP. Capture animated scroll of home page, generate gif of website login process, and more using natural language, with authentication handled for you.

Get started for freeGet a demo
Screenshotone logoScreenshotone
Api Key

Screenshotone is a screenshot API for developers that captures website snapshots instantly. It's perfect for automating website rendering without managing browser clusters.

5 Tools

Introduction

Claude is Anthropic's AI assistant, available on the web, in the desktop app, and on mobile. Cowork is its agent for knowledge work, and it runs on all of those surfaces too. Connected to your apps, Claude can work with your files and services to accomplish complex tasks on your behalf.

This guide walks you through the easiest and most secure way to connect your Screenshotone account to Claude via Composio Connect, enabling it to capture animated scroll of home page, generate gif of website login process, create video walkthrough of landing page, and more such actions on your behalf without compromising your account security.

Setup is the same on Claude Web, Desktop, and Cowork, and you only need to do it once. The connector is tied to your account, so it's available in all three.

Also integrate Screenshotone with

Claude CodeOpenAI Agents SDKClaude Agent SDKCodexOpenClawHermesAtomic AgentGoogle ADKLangChainVercel AI SDKMastra AILlamaIndexCrewAIPydantic AIAutoGen

Connecting Screenshotone to Claude Web, Desktop, and Cowork

Two ways to add the Composio connector. Pick whichever you prefer.

1. Add with one click

Click the button. Claude opens with the Composio connector filled in. Click Add, then go to step 2.

Add to Claude

Add manually

In Claude Desktop, click Customize in the left sidebar, then select Connectors and click the + icon at the top.

Claude Desktop connectors screen with Add custom connector selected

Click Add custom connector and paste in the Composio MCP server URL:

bash
https://connect.composio.dev/mcp
Add custom connector dialog with Composio MCP server URL

2. Authorize in your browser

Click Connect. You'll be redirected to a browser window where you can authorize Composio to continue.

Composio authorization screen for Claude Web, Desktop, and Cowork

3. Connect your Screenshotone account

Back in Claude, ask it to connect to Screenshotone or give it any Screenshotone-related task.

For example, ask Claude to:

  • "Capture animated scroll of home page"
  • "Generate gif of website login process"
  • "Create video walkthrough of landing page"

It will prompt you to authenticate and authorize access.

That's it. Composio's tools are now available in Claude, and your Screenshotone account is ready to use.

What is the Screenshotone Claude Connector, and what's possible with it?

The Screenshotone MCP server is an implementation of the Model Context Protocol that connects your AI agent and assistants like Claude, Cursor, etc directly to your Screenshotone account. It provides structured and secure access to high-quality website screenshot capabilities, so your agent can capture animated screenshots, customize output formats, control viewport settings, and automate site capture workflows on your behalf.

  • Instant animated website capture: Direct your agent to take animated screenshots (videos or GIFs) of any public website with a single prompt.
  • Custom animation scenarios: Have your agent simulate scrolling or user interactions to create more dynamic, realistic captures.
  • Flexible format and duration: Specify if you want the output as a video or GIF and set the animation duration to suit your needs.
  • Viewport and device emulation: Let your agent adjust viewport size, resolution, and device type for pixel-perfect screenshots across platforms.
  • Automated visual documentation: Use your agent to generate and manage visual records of web pages for reporting, monitoring, or archiving workflows.

Troubleshooting

1. Why does Claude not use the Composio connector for Screenshotone?

The connector can show as connected, but Claude must use it in each Screenshotone conversation.

  • Click + at the lower left of the chat, or type /.
  • Hover Connectors.
  • Turn on Composio.
  • Ask Claude to connect to Screenshotone again.

2. Why does Claude show an MCP server error before Screenshotone connects?

Claude can show Couldn't reach the MCP server or Authorization with the MCP server failed when you add the connector for Screenshotone.

  • Check that the connector URL is https://connect.composio.dev/mcp.
  • Connectors run from Anthropic's cloud, so your device network is usually not the problem.
  • Add the connector again from Customize > Connectors, then ask Claude to connect Screenshotone.
  • If it fails again, send the error and the ofid_ reference id to support@composio.dev.

3. Why does the Screenshotone authorization link not work?

The Composio connector is one server. Your Screenshotone account connects separately when Claude asks for it.

  • If the browser does not open, or the link expires, ask Claude to retry the Screenshotone connection.
  • Composio creates a fresh Screenshotone authorization link.
  • Open that link in your browser and finish the Screenshotone sign-in.

4. Why do Screenshotone actions fail after they worked before?

The Screenshotone connection can expire or lose permission.

  • Ask Claude to inspect the Screenshotone connection.
  • If the connection is unhealthy, disconnect it when Claude prompts you.
  • Reconnect the Screenshotone account and retry the action.
  • If Claude shows a permission prompt, approve it before Claude changes data in Screenshotone.
  • If the action still fails with a permission error, check that the connected account has that permission in Screenshotone itself.

5. How do I switch to a different Screenshotone account?

Claude can manage the Screenshotone connection for you.

  • Ask Claude to disconnect or delete the current Screenshotone account.
  • Ask Claude to connect Screenshotone again.
  • Open the new Composio authorization link for Screenshotone.
  • Sign in with the other Screenshotone account in the browser.
  • After the account connects, ask Claude to retry the Screenshotone task.

6. Why is my Screenshotone connection missing in Claude Desktop or on a Team plan?

The connector belongs to your Claude account, so your Screenshotone connection works in Claude Web, Desktop, and Cowork.

  • In Claude Desktop, open Customize > Connectors.
  • Next to Composio, click ⋮ and click Clear cache.
  • If Screenshotone tools still do not appear, click ⋮, disconnect, remove the connector, and add it again.
  • On Team or Enterprise, an Owner or Primary Owner must enable the connector before you can connect Screenshotone.
TOOLS

Supported Tools

Every Screenshotone action and event your agent gets out of the box.

Get Usage

Tool to retrieve current API plan usage information.

List Devices

Tool to retrieve the list of supported devices for viewport emulation.

Take Animated Screenshot

This tool captures an animated screenshot (video or GIF) of a given website URL.

Take Bulk Screenshots

Tool to take multiple screenshots in a single request with shared defaults and individual overrides.

Take Screenshot

Tool to generate a screenshot or PDF of a website, render HTML, or Markdown using POST request.

FRAMEWORKS

How to build Screenshotone MCP Agent with another framework

Claude Code logo

Claude Code

Use Screenshotone MCP with Claude Code

OpenAI Agents SDK logo

OpenAI Agents SDK

Use Screenshotone MCP with OpenAI Agents SDK

Claude Agent SDK logo

Claude Agent SDK

Use Screenshotone MCP with Claude Agent SDK

Codex logo

Codex

Use Screenshotone MCP with Codex

OpenClaw logo

OpenClaw

Use Screenshotone MCP with OpenClaw

Hermes logo

Hermes

Use Screenshotone MCP with Hermes

Atomic Agent logo

Atomic Agent

Use Screenshotone MCP with Atomic Agent

Google ADK logo

Google ADK

Use Screenshotone MCP with Google ADK

LangChain logo

LangChain

Use Screenshotone MCP with LangChain

Vercel AI SDK logo

Vercel AI SDK

Use Screenshotone MCP with Vercel AI SDK

Mastra AI logo

Mastra AI

Use Screenshotone MCP with Mastra AI

LlamaIndex logo

LlamaIndex

Use Screenshotone MCP with LlamaIndex

CrewAI logo

CrewAI

Use Screenshotone MCP with CrewAI

Pydantic AI logo

Pydantic AI

Use Screenshotone MCP with Pydantic AI

AutoGen logo

AutoGen

Use Screenshotone MCP with AutoGen

FAQ

Frequently asked questions

With a standalone Screenshotone MCP server, the agents and LLMs can only access a fixed set of Screenshotone tools tied to that server. However, with the Composio Tool Router, agents can dynamically load tools from Screenshotone and many other apps based on the task at hand, all through a single MCP endpoint.

Yes, you can. Claude Cowork fully supports MCP integration. You get structured tool calling, message history handling, and model orchestration while Tool Router takes care of discovering and serving the right Screenshotone tools.

Yes, absolutely. You can configure which Screenshotone scopes and actions are allowed when connecting your account to Composio. You can also bring your own OAuth credentials or API configuration so you keep full control over what the agent can do.

All sensitive data such as tokens, keys, and configuration is fully encrypted at rest and in transit. Composio is SOC 2 Type 2 compliant and follows strict security practices so your Screenshotone data and credentials are handled as safely as possible.

Start with Screenshotone.It takes 30 seconds.

Managed auth, hosted MCP servers, and every Screenshotone tool your agent needs.Free to start.

Start building