Puppeteer MCP Server
木偶师
一个使用 Puppeteer 提供浏览器自动化功能的模型上下文协议服务器。该服务器使 LLM 能够在真实的浏览器环境中与网页交互、截取屏幕截图并执行 JavaScript。
成分
工具
puppeteer_navigate
导航到浏览器中的任意 URL
输入:
url(字符串)
puppeteer_screenshot
捕获整个页面或特定元素的屏幕截图
输入:
name(字符串,必需):屏幕截图的名称selector(字符串,可选):要截图的元素的 CSS 选择器width(数字,可选,默认值:800):屏幕截图宽度height(数字,可选,默认值:600):屏幕截图高度
puppeteer_click
点击页面上的元素
输入:
selector(字符串):要点击元素的 CSS 选择器
puppeteer_hover
悬停页面上的元素
输入:
selector(字符串):用于悬停元素的 CSS 选择器
puppeteer_fill
填写输入字段
输入:
selector(字符串):输入字段的 CSS 选择器value(字符串):要填充的值
puppeteer_select
使用 SELECT 标签选择一个元素
输入:
selector(字符串):要选择的元素的 CSS 选择器value(字符串):要选择的值
puppeteer_evaluate
在浏览器控制台中执行 JavaScript
输入:
script(字符串):要执行的 JavaScript 代码
资源
服务器提供两种类型资源的访问:
控制台日志(
console://logs)浏览器控制台以文本格式输出
包括来自浏览器的所有控制台消息
屏幕截图(
screenshot://<name>)截图的 PNG 图像
可通过捕获期间指定的屏幕截图名称访问
Related MCP server: Puppeteer MCP Server
主要特点
浏览器自动化
控制台日志监控
截图功能
JavaScript 执行
基本网络交互(导航、点击、表单填写)
配置使用 Puppeteer 服务器
以下是使用 Puppeter 服务器的 Claude Desktop 配置:
Docker
注意: docker 实现将使用无头 chromium,而 NPX 版本将打开一个浏览器窗口。
{
"mcpServers": {
"puppeteer": {
"command": "docker",
"args": ["run", "-i", "--rm", "--init", "-e", "DOCKER_CONTAINER=true", "mcp/puppeteer"]
}
}
}NPX
{
"mcpServers": {
"puppeteer": {
"command": "npx",
"args": ["-y", "@modelcontextprotocol/server-puppeteer"]
}
}
}建造
Docker 构建:
docker build -t mcp/puppeteer -f src/puppeteer/Dockerfile .执照
此 MCP 服务器采用 MIT 许可证。这意味着您可以自由使用、修改和分发该软件,但须遵守 MIT 许可证的条款和条件。更多详情,请参阅项目仓库中的 LICENSE 文件。
Available Tools
4 toolsmake_http_requestC
Make an HTTP request with curl
| Name | Required | Description | Default |
|---|---|---|---|
| body | Yes | Body to include in the request | |
| headers | Yes | Headers to include in the request | |
| type | Yes | Type of the request. GET, POST, PUT, DELETE | |
| url | Yes | Url to make the request to |
TDQS
Does the description disclose side effects, auth requirements, rate limits, or destructive behavior?
No annotations are provided, so the description carries the full burden of behavioral disclosure. It mentions 'with curl', hinting at underlying implementation, but fails to disclose critical traits: whether it handles authentication, rate limits, error responses, timeouts, or what the return format looks like. For a tool making HTTP requests, this leaves significant gaps in understanding its behavior.
Agents need to know what a tool does to the world before calling it. Descriptions should go beyond structured annotations to explain consequences.
Is the description appropriately sized, front-loaded, and free of redundancy?
The description is extremely concise with a single sentence, 'Make an HTTP request with curl', which is front-loaded and wastes no words. Every part of the sentence contributes to understanding the tool's basic function, making it efficient and well-structured.
Shorter descriptions cost fewer tokens and are easier for agents to parse. Every sentence should earn its place.
Given the tool's complexity, does the description cover enough for an agent to succeed on first attempt?
Given the complexity of making HTTP requests, no annotations, no output schema, and 4 parameters, the description is incomplete. It doesn't explain what the tool returns, how errors are handled, or any behavioral nuances. For a tool with this functionality, more context is needed to be fully helpful to an AI agent.
Complex tools with many parameters or behaviors need more documentation. Simple tools need less. This dimension scales expectations accordingly.
Does the description clarify parameter syntax, constraints, interactions, or defaults beyond what the schema provides?
The input schema has 100% description coverage, clearly documenting all 4 parameters (body, headers, type, url). The description adds no additional meaning beyond what the schema provides, such as examples or constraints. With high schema coverage, the baseline score of 3 is appropriate, as the schema does the heavy lifting.
Input schemas describe structure but not intent. Descriptions should explain non-obvious parameter relationships and valid value ranges.
Does the description clearly state what the tool does and how it differs from similar tools?
The description states the tool's purpose as 'Make an HTTP request with curl', which is clear but vague. It specifies the verb ('Make') and resource ('HTTP request'), but lacks specificity about what curl entails or how it differs from sibling tools like puppeteer_navigate or semantic_search_requests. It doesn't distinguish itself from alternatives, leaving ambiguity about its scope.
Agents choose between tools based on descriptions. A clear purpose with a specific verb and resource helps agents select the right tool.
Does the description explain when to use this tool, when not to, or what alternatives exist?
The description provides no guidance on when to use this tool versus alternatives. With siblings like puppeteer_navigate (for browser navigation) and semantic_search_requests (for search-related requests), there's no indication of appropriate contexts, exclusions, or prerequisites. Usage is implied only by the tool name, not explained.
Agents often have multiple tools that could apply. Explicit usage guidance like "use X instead of Y when Z" prevents misuse.
puppeteer_page_historyB
Get the history of visited URLs, most recent urls first
| Name | Required | Description | Default |
|---|---|---|---|
No parameters | |||
TDQS
Does the description disclose side effects, auth requirements, rate limits, or destructive behavior?
With no annotations provided, the description carries the full burden of behavioral disclosure. It states what the tool does but lacks critical details: whether it requires an active Puppeteer session, if it returns a list or object, potential errors (e.g., no page open), or performance implications. This is inadequate for a tool with zero annotation coverage.
Agents need to know what a tool does to the world before calling it. Descriptions should go beyond structured annotations to explain consequences.
Is the description appropriately sized, front-loaded, and free of redundancy?
The description is a single, efficient sentence with zero waste. It front-loads the core action ('Get the history') and adds a useful ordering detail ('most recent urls first'). Every word earns its place, making it highly concise and well-structured.
Shorter descriptions cost fewer tokens and are easier for agents to parse. Every sentence should earn its place.
Given the tool's complexity, does the description cover enough for an agent to succeed on first attempt?
Given no annotations, no output schema, and the tool's potential complexity (interacting with browser history), the description is incomplete. It doesn't cover return format, error conditions, or dependencies (e.g., needing a page object). For a tool with rich behavioral context needs, this is insufficient.
Complex tools with many parameters or behaviors need more documentation. Simple tools need less. This dimension scales expectations accordingly.
Does the description clarify parameter syntax, constraints, interactions, or defaults beyond what the schema provides?
The tool has 0 parameters, and schema description coverage is 100% (empty schema). The description doesn't need to explain parameters, so it meets the baseline of 4 for parameter-less tools. No additional parameter context is required or provided.
Input schemas describe structure but not intent. Descriptions should explain non-obvious parameter relationships and valid value ranges.
Does the description clearly state what the tool does and how it differs from similar tools?
The description clearly states the tool's purpose with a specific verb ('Get') and resource ('history of visited URLs'), and specifies ordering ('most recent urls first'). It doesn't explicitly differentiate from sibling tools like 'puppeteer_navigate' or 'make_http_request', but the focus on history retrieval is distinct enough for a 4.
Agents choose between tools based on descriptions. A clear purpose with a specific verb and resource helps agents select the right tool.
Does the description explain when to use this tool, when not to, or what alternatives exist?
The description provides no guidance on when to use this tool versus alternatives. It doesn't mention prerequisites (e.g., needing an active page), exclusions, or compare it to siblings like 'semantic_search_requests'. This leaves the agent without context for tool selection.
Agents often have multiple tools that could apply. Explicit usage guidance like "use X instead of Y when Z" prevents misuse.
semantic_search_requestsC
Semantically search for requests that occurred within a page URL. Returns the top 10 results.
| Name | Required | Description | Default |
|---|---|---|---|
| page_url | Yes | The page within which to search for requests | |
| query | Yes | Your search request. Make this specific and detailed to get the best results |
TDQS
Does the description disclose side effects, auth requirements, rate limits, or destructive behavior?
No annotations are provided, so the description carries the full burden of behavioral disclosure. It mentions the tool returns 'top 10 results,' which is useful, but lacks critical details: it doesn't specify what 'requests' refer to (e.g., HTTP requests, user requests), how semantic search works, whether it's read-only or has side effects, or any rate limits or permissions required. This is inadequate for a tool with no annotation coverage.
Agents need to know what a tool does to the world before calling it. Descriptions should go beyond structured annotations to explain consequences.
Is the description appropriately sized, front-loaded, and free of redundancy?
The description is extremely concise and front-loaded: two sentences that directly state the tool's function and output. Every word earns its place, with no redundant or vague phrasing, making it efficient for an agent to parse.
Shorter descriptions cost fewer tokens and are easier for agents to parse. Every sentence should earn its place.
Given the tool's complexity, does the description cover enough for an agent to succeed on first attempt?
Given the complexity of a semantic search tool with no annotations and no output schema, the description is incomplete. It doesn't explain what 'requests' are, how results are ranked or formatted, or any error conditions. Without this context, an agent might struggle to use the tool correctly or interpret outputs.
Complex tools with many parameters or behaviors need more documentation. Simple tools need less. This dimension scales expectations accordingly.
Does the description clarify parameter syntax, constraints, interactions, or defaults beyond what the schema provides?
Schema description coverage is 100%, so the schema already documents both parameters ('page_url' and 'query') with clear descriptions. The description adds no additional parameter semantics beyond what's in the schema, such as format examples or constraints. Baseline 3 is appropriate when the schema handles parameter documentation effectively.
Input schemas describe structure but not intent. Descriptions should explain non-obvious parameter relationships and valid value ranges.
Does the description clearly state what the tool does and how it differs from similar tools?
The description clearly states the tool's purpose: 'Semantically search for requests that occurred within a page URL.' It specifies the verb (search), resource (requests), and scope (within a page URL). However, it doesn't explicitly differentiate from sibling tools like 'make_http_request' or 'puppeteer_page_history', which prevents a perfect score.
Agents choose between tools based on descriptions. A clear purpose with a specific verb and resource helps agents select the right tool.
Does the description explain when to use this tool, when not to, or what alternatives exist?
The description provides no guidance on when to use this tool versus alternatives. It doesn't mention sibling tools like 'make_http_request' (for making requests) or 'puppeteer_navigate' (for page navigation), nor does it specify prerequisites or exclusions. This leaves the agent without context for tool selection.
Agents often have multiple tools that could apply. Explicit usage guidance like "use X instead of Y when Z" prevents misuse.
Tool Schema Changelog
Recent tool additions, removals, and schema changes observed during successful MCP inspections.
4 tool updates
v1.0.0- First observed
make_http_request - First observed
puppeteer_navigate - First observed
puppeteer_page_history - First observed
semantic_search_requests
TDQS
Scored across 4 tools
Each tool has a clearly distinct purpose: make_http_request performs general HTTP requests, puppeteer_navigate navigates to URLs in a browser context, puppeteer_page_history retrieves navigation history, and semantic_search_requests searches within page requests. There is no overlap or ambiguity between these functions.
The naming is mixed with no consistent pattern: make_http_request uses verb_noun format, puppeteer_navigate and puppeteer_page_history use a prefix_noun format, and semantic_search_requests uses an adjective_noun_noun format. While readable, the conventions vary without a predictable structure.
With only 4 tools, the count feels thin for a Puppeteer server, which typically handles browser automation tasks like clicking, typing, or screenshotting. The tools cover basic navigation and HTTP requests but lack broader automation capabilities, making the scope borderline under-scoped.
For a Puppeteer server, there are significant gaps in the tool surface. Missing are core operations like interacting with page elements (e.g., click, type), evaluating scripts, taking screenshots, or managing browser contexts. The tools provided focus narrowly on navigation and HTTP requests, leaving major automation workflows uncovered.
Maintenance
Related MCP Connectors
Provides cloud browser automation capabilities using Stagehand and Browserbase, enabling LLMs to i…
Web search, browser automation, scraping, crawling and CAPTCHA solving for AI agents.
Stealth web automation for AI agents. Login, signup, navigate, screenshot.
Stealth web automation for AI agents. Login, signup, navigate, screenshot.
Related MCP Servers
- AlicenseBqualityBmaintenanceEnables LLMs to interact with web pages, take screenshots, and execute JavaScript in a real browser environment10331 npm297MIT
- AlicenseBqualityDmaintenanceEnables AI agents to automate browser interactions including navigation, content extraction, form filling, screenshots, and JavaScript execution across multiple tabs using Puppeteer.2718 npm1MIT
- AlicenseNot gradedqualityDmaintenanceEnables LLMs to perform browser automation tasks including web scraping, taking screenshots, and executing JavaScript using Playwright. It facilitates real-time interaction with web pages and the generation of automated test code.11 npmMIT
- AlicenseNot gradedqualityDmaintenanceEnables LLMs to perform browser automation including web navigation, element interaction, and screenshot capture using Puppeteer. It provides capabilities for executing JavaScript in the browser and monitoring console logs for debugging and data extraction.24,202 npmMIT