mcpField
N
nightglass

nightglass

本地服务
github.com/mizukaizen浏览器自动化031 周前更新
代码仓库

关于 nightglass

nightglass 是通过 nightglass 截图 API 为 MCP 客户端提供网页截图的服务，可将截图以图像返回对话。它支持页面全屏截图、多种输出格式及浏览器框 mockup 样式。

主要功能

  1. 01将网页捕获为截图
  2. 02支持 PNG、JPEG 和 WebP
  3. 03捕获完整滚动页面
  4. 04设置视口尺寸与加载延迟
  5. 05模拟深色模式
  6. 06查询账户余额与截图额度

适用场景

  1. 01在对话中查看网页截图
  2. 02捕获长页面用于检查
  3. 03以浏览器框样式展示截图
  4. 04查看剩余截图额度

MCP 相关

该 MCP 服务向客户端提供 take_screenshot 和 check_balance 工具。截图通过 nightglass screenshot API 生成，并以 PNG 等图像格式返回。

配置

本地服务的配置在各客户端中通用，复制后粘贴到客户端的 MCP 配置文件即可。

mcp.json · 通用配置
{
  "mcpServers": {
    "mizukaizen-nightglass": {
      "command": "npx",
      "args": [
        "-y",
        "nightglass-mcp"
      ],
      "env": {
        "NIGHTGLASS_API_KEY": "<NIGHTGLASS_API_KEY>"
      }
    }
  }
}
启动命令npx -y nightglass-mcp
需要配置的环境变量
NIGHTGLASS_API_KEY密钥Your nightglass API key from api.nightglass.xyz/dashboard

本地服务需要在你的电脑上安装运行环境（如 Node.js 18+）。各客户端的配置文件位置不同，请参考客户端文档。

安装包
npmnightglass-mcp1.0.0

工具

2

收录的工具列表 · 更新于 2 周前

参数类型必填说明
urlstring是要截取的网站 URL
delayinteger否页面加载后、捕获前等待的毫秒数（适用于 JavaScript 密集型网站）
styleenum否raw = 普通截图，mockup = 在浏览器框架中显示截图raw | mockup
formatenum否图像格式（默认值：png）png | jpeg | webp
dark_modeboolean否通过 prefers-color-scheme: dark 模拟深色配色方案
full_pageboolean否捕获整个可滚动页面，而非仅捕获视口
viewport_widthinteger否视口宽度，单位为像素（默认值：1280）
viewport_heightinteger否视口高度，单位为像素（默认值：720）

详细介绍

nightglass MCP 服务

通过任何兼容 MCP 的客户端截取网站截图 — Claude Desktop、Cursor、Windsurf、Claude Code 等。

由 nightglass 截图 API 提供支持。

工具

take_screenshot

截取任意网站的截图。直接在对话中返回 PNG 图片。

参数：

参数类型默认值描述
urlstring必填要截取的网站 URL
formatpng | jpeg | webppng输出格式
styleraw | mockuprawmockup 会为截图添加浏览器边框
full_pagebooleanfalse截取整个可滚动页面
viewport_widthnumber1280视口宽度（320–3840）
viewport_heightnumber720视口高度（200–2160）
delaynumber0页面加载后等待时间，单位为毫秒
dark_modebooleanfalse模拟深色配色方案
check_balance

查看账户余额和剩余截图额度。

设置

1. 获取 API 密钥

在 api.nightglass.xyz/dashboard 注册并创建 API 密钥。注册后即可获得 50 次免费截图额度。

2. 安装
npm install -g nightglass-mcp
3. 配置 MCP 客户端

Claude Desktop — 添加到 claude_desktop_config.json：

{
  "mcpServers": {
    "nightglass": {
      "command": "nightglass-mcp",
      "env": {
        "NIGHTGLASS_API_KEY": "ng_live_your_key_here"
      }
    }
  }
}

Claude Code — 添加到项目的 .mcp.json：

{
  "mcpServers": {
    "nightglass": {
      "command": "nightglass-mcp",
      "env": {
        "NIGHTGLASS_API_KEY": "ng_live_your_key_here"
      }
    }
  }
}

Cursor / Windsurf — 使用与 Claude Desktop 相同的格式，添加到相应的配置文件中。

定价

套餐价格额度每张截图
免费$050—
入门版$5500$0.010
成长版$202,500$0.008
扩展版$5010,000$0.005
企业版$20050,000$0.004

AI Agent： nightglass 还支持 x402 — 使用 Base 上的 USDC 进行自主 Agent 付款。无需 API 密钥。

链接

许可证

MIT

评论

支持 Markdown

第一次接触 MCP？

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

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