URL2SNAP (Website Screenshot) MCP server

MCP URL2SNAP is a lightweight Model Context Protocol (MCP) server that enables your LLM to capture screenshots of any specified URL and return the access URL for the captured image. This tool simplifies the process of generating and sharing webpage snapshots, making it perfect for integrating visual capture capabilities into AI applications like Claude Desktop or automation workflows.

Requirements

• Python: Python 3.11.0 or higher
• UV: 0.6.9 or higher

Installation

Via Smithery

To install MCP-URL2SNAP for Claude Desktop automatically via Smithery:

npx -y @smithery/cli install @Abhi5h3k/MCP-URL2SNAP --client claude

Manual Installation

1. Clone the Repository

git clone https://github.com/Abhi5h3k/MCP-URL2SNAP.git
cd MCP-URL2SNAP

2. Install UV

If you don't have UV installed, you can install it with:

powershell -ExecutionPolicy ByPass -c "irm https://astral.sh/uv/install.ps1 | iex"

Verify the installation:

uv --version

3. Set Up the Virtual Environment

Create a virtual environment using UV:

uv venv

Activate the virtual environment (on Windows):

.venv\Scripts\activate

4. Install Dependencies

Install the required dependencies from pyproject.toml:

uv install

Running the Server

1. Set Up Environment Variables

Create a .env file in the root directory and add your AbstractAPI key:

ABSTRACT_API_KEY=your_api_key_here

You'll need to sign up for an API key at AbstractAPI.

2. Run the Server

Start the MCP server:

uv run server.py

Usage

Register with Claude Desktop

Update the claude_desktop_config.json file to include your MCP server:

{
    "mcpServers": {
        "verify_mail": {
            "command": "uv",
            "args": [
                "--directory",
                "C:\\ABSOLUTE\\PATH\\TO\\MCP-Email-Verify",
                "run",
                "server.py"
            ],
            "env":{
              "ABSTRACT_API_KEY":"YOUR_API_KEY"
            }
        }
    }
}

Restart Claude Desktop

Restart Claude Desktop to detect the new tool.

Taking Screenshots

Use prompts like:

"Can you show me the screenshot of https://github.com/Abhi5h3k"

Features

• URL Screenshots: Capture screenshots of any web page in real-time
• MCP Integration: Seamlessly connect with MCP-compatible LLMs
• Easy Setup: Built with Python and the MCP SDK for quick deployment

How to install this MCP server

For Claude Code

To add this MCP server to Claude Code, run this command in your terminal:

claude mcp add-json "url2snap" '{"command":"uv","args":["--directory","C:\\ABSOLUTE\\PATH\\TO\\MCP-URL2SNAP","run","server.py"],"env":{"ABSTRACT_API_KEY":"YUR_API_KEY"}}'

See the official Claude Code MCP documentation for more details.

For Cursor

There are two ways to add an MCP server to Cursor. The most common way is to add the server globally in the ~/.cursor/mcp.json file so that it is available in all of your projects.

If you only need the server in a single project, you can add it to the project instead by creating or adding it to the .cursor/mcp.json file.

Adding an MCP server to Cursor globally

To add a global MCP server go to Cursor Settings > Tools & Integrations and click "New MCP Server".

When you click that button the ~/.cursor/mcp.json file will be opened and you can add your server like this:

{
    "mcpServers": {
        "url2snap": {
            "command": "uv",
            "args": [
                "--directory",
                "C:\\ABSOLUTE\\PATH\\TO\\MCP-URL2SNAP",
                "run",
                "server.py"
            ],
            "env": {
                "ABSTRACT_API_KEY": "YUR_API_KEY"
            }
        }
    }
}

Adding an MCP server to a project

To add an MCP server to a project you can create a new .cursor/mcp.json file or add it to the existing one. This will look exactly the same as the global MCP server example above.

How to use the MCP server

Once the server is installed, you might need to head back to Settings > MCP and click the refresh button.

The Cursor agent will then be able to see the available tools the added MCP server has available and will call them when it needs to.

You can also explicitly ask the agent to use the tool by mentioning the tool name and describing what the function does.

For Claude Desktop

To add this MCP server to Claude Desktop:

1. Find your configuration file:

• macOS: ~/Library/Application Support/Claude/claude_desktop_config.json
• Windows: %APPDATA%\Claude\claude_desktop_config.json
• Linux: ~/.config/Claude/claude_desktop_config.json

2. Add this to your configuration file:

{
    "mcpServers": {
        "url2snap": {
            "command": "uv",
            "args": [
                "--directory",
                "C:\\ABSOLUTE\\PATH\\TO\\MCP-URL2SNAP",
                "run",
                "server.py"
            ],
            "env": {
                "ABSTRACT_API_KEY": "YUR_API_KEY"
            }
        }
    }
}

3. Restart Claude Desktop for the changes to take effect