html-to-image-mcp

alperenkocyigit/html-to-image-mcp

3.2

If you are the rightful owner of html-to-image-mcp and would like to certify it and/or have it hosted online, please leave a comment on the right or send an email to henry@mcphub.com.

The HTML to Image MCP Server is a powerful tool designed to capture high-quality screenshots of web pages and seamlessly upload them to Cloudinary for easy sharing and storage.

The HTML to Image MCP Server is a sophisticated Model Context Protocol (MCP) server that specializes in capturing high-resolution screenshots of web pages. It integrates seamlessly with Cloudinary, a cloud-based image and video management service, to provide secure and easily shareable URLs for the captured images. The server is built with performance in mind, utilizing async/await for optimal speed and efficiency. It supports customizable viewport dimensions and can capture the entire page beyond the visible viewport. The server is designed to be secure, with environment-based configuration for API credentials, and is Docker-ready for easy deployment. This makes it an ideal solution for developers and businesses looking to automate the process of capturing and sharing web page screenshots.

Features

  • Web Page Screenshots: Capture full-resolution screenshots of any publicly accessible webpage.
  • Cloudinary Integration: Automatic upload to Cloudinary with secure URLs.
  • Customizable Dimensions: Configure viewport width and height for perfect captures.
  • Full Page Support: Option to capture entire page height beyond viewport.
  • High Performance: Built with async/await for optimal speed.

Usages

usage with local stdio

python
mcp.run(transport='stdio')  # Tools defined via @mcp.tool() decorator

usage with docker

bash
docker run -e CLOUDINARY_CLOUD_NAME=your_cloud_name \
           -e CLOUDINARY_API_KEY=your_api_key \
           -e CLOUDINARY_API_SECRET=your_api_secret \
           html-to-image-mcp

usage with vscode

{
  "mcpServers": {
    "html-to-image": {
      "command": "python",
      "args": ["server.py"]
    }
  }
}

usage with smithery

markdown
Visit smithery and follow instructions

https://smithery.ai/server/@alperenkocyigit/html-to-image-mcp

Tools

  1. take_screenshot

    Captures a screenshot of a webpage and uploads it to Cloudinary.