mcpField
A
Allscreenshots

Allscreenshots

远程服务
allscreenshots.com浏览器自动化06 天前更新

关于 Allscreenshots

Allscreenshots 是一款通过其 API 截取网站屏幕截图的 MCP 服务,面向 Claude Code、OpenAI Codex 及其他 MCP 客户端,并支持设置页面尺寸、整页捕获和显示选项。

主要功能

  1. 01截取网站屏幕截图
  2. 02设置截图宽度和高度
  3. 03捕获整个页面
  4. 04选择图像格式
  5. 05启用深色模式
  6. 06屏蔽广告

适用场景

  1. 01截取落地页
  2. 02获取移动设备尺寸的截图
  3. 03保存整页截图
  4. 04以深色模式查看无广告页面

MCP 相关

向兼容 MCP 的客户端提供截图和 API 配置信息工具。`take_screenshot` 工具会返回保存到本地的文件路径。

配置

远程服务无需本地安装。选择你使用的客户端,复制配置或使用一键安装。

服务地址https://mcp.allscreenshots.com/mcp/v1
一键复制安装命令
Claude CodeTerminal
Cursor.cursor/mcp.json
VS Code.vscode/mcp.json
Claude Desktopclaude_desktop_config.json
Windsurf~/.codeium/windsurf/mcp_config.json

命令在终端中运行;JSON 粘贴到对应客户端的 MCP 配置后重启。需要授权的服务会在首次连接时提示登录。

全部服务地址
Streamable HTTPhttps://mcp.allscreenshots.com/mcp/v1需要授权

工具

详细介绍

Allscreenshots 插件

通过 Allscreenshots API,从 Claude Code、OpenAI Codex 和任何兼容 MCP 的客户端截取网站截图。

支持的平台

  • Claude Code
  • OpenAI Codex
  • 兼容 MCP 的客户端,例如 Cursor、VS Code Copilot、Gemini CLI 和 Windsurf

快速安装

Claude Code

添加 Allscreenshots marketplace,然后安装插件:

/plugin marketplace add allscreenshots/allscreenshots-plugin
/plugin install allscreenshots@allscreenshots

安装后重启 Claude Code。Claude Code marketplace 会从 claude-code-plugin/ 安装一个小型插件包。

如果你已安装旧版本,且 Claude Code 仍然报告插件缓存错误,请刷新 marketplace 并更新插件:

/plugin marketplace update allscreenshots
/plugin update allscreenshots@allscreenshots
OpenAI Codex

添加 Allscreenshots marketplace,然后从 Codex 的插件目录安装插件:

codex plugin marketplace add allscreenshots/allscreenshots-plugin
codex
/plugins

选择 Allscreenshots marketplace,打开 Allscreenshots 插件并安装。该插件包含 MCP 服务配置,因此你无需粘贴很长的 codex mcp add 命令。

如果你已安装旧版本,请先刷新 marketplace:

codex plugin marketplace upgrade allscreenshots
通用 MCP 客户端

配置 MCP 客户端以运行:

python3 /path/to/allscreenshots-plugin/mcp_server/server.py

在 MCP 服务环境中设置 API 密钥,或通过 api_key 工具参数传入。

配置

从以下位置获取 API 密钥:

https://allscreenshots.com/dashboard

然后将其设为环境变量:

export ALLSCREENSHOTS_API_KEY=your-key-here

调用 take_screenshot 时,也可以通过 api_key 参数直接传入 API 密钥。

当 MCP 子进程可以读取 ALLSCREENSHOTS_API_KEY 变量时,MCP 服务会读取该变量。调用 take_screenshot 时,也可以通过 api_key 参数直接传入 API 密钥。

如果无法使用 MCP 工具,也可以直接通过 curl 调用 Allscreenshots REST API;无需安装 Allscreenshots CLI。

可用工具

工具描述参数
take_screenshot截取网站截图并返回保存的本地文件路径。url、api_key、width、height、format、full_page、delay、dark_mode、block_ads
get_api_info返回设置链接、支持的格式、速率限制说明和 API 密钥指南。无

示例

  • “截取 https://example.com 的截图”
  • “截取我们落地页的整页截图”
  • “以深色模式截取此页面”
  • “截取 https://example.com 的移动端截图”
  • “截取不包含广告或 Cookie 横幅的截图”
  • “如何获取 Allscreenshots API 密钥?”

开发

在本地运行 MCP 服务:

cd mcp_server
export ALLSCREENSHOTS_API_KEY=test-key
python3 server.py

运行测试:

uv run --with "fastmcp>=2.0" --with "httpx>=0.27" --with "pytest>=8" pytest

打包 Claude Code 和 Codex 插件发行包:

python3 scripts/package_plugins.py

归档文件会写入 dist/。

检查 Codex marketplace 元数据:

codex plugin marketplace add ./path/to/allscreenshots-plugin
codex
/plugins

许可证

MIT

评论

支持 Markdown

第一次接触 MCP?

从协议是什么,到在客户端里装上第一个服务,这几条回答覆盖了大多数入门问题。

一个开放协议,规定了 AI 应用如何以统一方式连接外部工具与数据源。客户端负责与模型对话,MCP 服务负责提供工具、资源和提示模板,两者通过标准消息通信,同一个服务可以被不同客户端复用。