Puppeteer Vision Mcp Server

Created By

djannot7 months ago

This Model Context Protocol (MCP) server provides a tool for scraping webpages and converting them to markdown format using Puppeteer, Readability, and Turndown. It features AI-driven interaction capabilities to handle cookies, captchas, and other interactive elements automatically.

# puppeteer

# vision

Overview Content Tools Comments

Overview

What is Puppeteer Vision MCP Server?

Puppeteer Vision MCP Server is a Model Context Protocol (MCP) server designed for scraping webpages and converting them into markdown format using Puppeteer, Readability, and Turndown. It incorporates AI-driven interaction capabilities to automatically manage cookies, captchas, and other interactive elements.

How to use Puppeteer Vision MCP Server?

To use the server, you can run it via npx after ensuring you have Node.js and npm installed. You need to set up an OPENAI_API_KEY in your environment, either through a .env file or shell environment variables, and then execute the command: npx -y puppeteer-vision-mcp-server.

Key features of Puppeteer Vision MCP Server?

Webpage scraping using Puppeteer with stealth mode.
AI-powered interaction to handle cookies, CAPTCHAs, and other prompts automatically.
Extraction of main content using Mozilla's Readability.
Conversion of HTML to well-formatted Markdown.
Real-time browser interaction viewing option.
Easily consumable as an npx package.

Use cases of Puppeteer Vision MCP Server?

Scraping content from news websites while bypassing paywalls.
Automating data extraction from interactive web forms.
Converting complex HTML pages into markdown for documentation purposes.

FAQ from Puppeteer Vision MCP Server?

Can I run the server without Node.js?

No, Node.js and npm are required to run the server.

Is there a way to see the browser actions in real-time?

Yes, you can disable headless mode to view browser interactions.

What should I do if I encounter errors while scraping?

Check the URL and ensure that the interactive elements are being handled correctly by the AI.

Server Config

{
  "mcpServers": {
    "web-scraper": {
      "command": "npx",
      "args": [
        "-y",
        "puppeteer-vision-mcp-serve"
      ],
      "env": {
        "OPENAI_API_KEY": "YOUR_OPENAI_API_KEY_HERE"
      }
    }
  }
}

Recommend Servers

TraeBuild with Free GPT-4.1 & Claude 3.7. Fully MCP-Ready.

Playwright McpPlaywright MCP server

Amap Maps高德地图官方 MCP Server

Visual Studio Code - Open Source ("Code - OSS")Visual Studio Code

DeepChatYour AI Partner on Desktop

Baidu Map百度地图核心API现已全面兼容MCP协议，是国内首家兼容MCP协议的地图服务商。

MCP AdvisorMCP Advisor & Installation - Use the right MCP server for your needs

EdgeOne Pages MCPAn MCP service designed for deploying HTML content to EdgeOne Pages and obtaining an accessible public URL.

Context7Context7 MCP Server -- Up-to-date code documentation for LLMs and AI code editors

Howtocook Mcp基于Anduin2017 / HowToCook （程序员在家做饭指南）的mcp server，帮你推荐菜谱、规划膳食，解决“今天吃什么“的世纪难题； Based on Anduin2017/HowToCook (Programmer's Guide to Cooking at Home), MCP Server helps you recommend recipes, plan meals, and solve the century old problem of "what to eat today"

AiimagemultistyleA Model Context Protocol (MCP) server for image generation and manipulation using fal.ai's Stable Diffusion model.