ScreenshotOne

官方

使用ScreenshotOne渲染网站截图

GitHub
35

你可以用 ScreenshotOne MCP 做什么？

  • 捕获网站截图 — 让助手使用 render-website-screenshot 截取任意网址的截图，并以图片形式返回。
  • 使用自定义选项渲染截图 — 通过工具选项传递 ScreenshotOne API 参数（如视口宽度、格式或阻止 Cookie 横幅），以自定义输出效果。

文档

ScreenshotOne MCP 服务器

ScreenshotOne 的 MCP（模型上下文协议） 服务器官方实现。

关于构建它的初衷以及对 MCP 未来的一些思考。

ScreenshotOne Server MCP server

工具

  • render-website-screenshot：渲染网站截图并以图片形式返回。

使用方法

构建

请始终先安装依赖并构建：

npm install && npm run build

获取您的 ScreenshotOne API 密钥

在 ScreenshotOne 注册并获取您的 API 密钥。

与 Claude for Desktop 配合使用

将以下内容添加到您的 ~/Library/Application\ Support/Claude/claude_desktop_config.json：

{
    "mcpServers": {
        "screenshotone": {
            "command": "node",
            "args": ["path/to/screenshotone/mcp/build/index.js"],
            "env": {
                "SCREENSHOTONE_API_KEY": "<your api key>"
            }
        }
    }
}

独立使用或用于其他项目

SCREENSHOTONE_API_KEY=your_api_key node build/index.js

许可证

ScreenshotOne MCP Server 基于 MIT 许可证 授权。