Nightglass

io.github.mizukaizen由 GitHub 帳號 mizukaizen 發布v1.0.0更新於 Oct 24, 2026

Screenshot API for MCP clients. Capture any URL as PNG with mockup mode support.

已驗證STDIO僅桌面瀏覽器自動化媒體與設計

概覽

AI 產生的概覽

Nightglass 是一個本機 MCP 伺服器，讓助理透過 nightglass 截圖 API 將任意網站擷取為 PNG、JPEG 或 WebP 圖片。

可以做什麼
擷取任意 URL 的截圖，可選擇格式、視窗尺寸、整頁擷取、載入延遲與深色模式，並以圖片形式回傳到對話中；以 mockup 樣式將截圖包進瀏覽器外框；查詢帳戶餘額與剩餘截圖額度。
適用情境
適合需要讓助理取得即時網頁視覺畫面的情境，例如設計稿、視覺檢查或展示網站目前外觀，而不必在本機執行瀏覽器。
執行需求
以本機程序執行，需從 npm 套件 nightglass-mcp 安裝，因此需要 Node.js。需要 nightglass API 金鑰，透過環境變數 NIGHTGLASS_API_KEY 提供，可於 nightglass 儀表板取得。需要連線至 nightglass API 的網路存取。
安裝前請注意
API 金鑰是儲存在用戶端設定中的機密。免費額度用完後，截圖會消耗付費額度，README 也提到以 Base 上 USDC 進行的自主代理付款。提交的 URL 會傳送給第三方 nightglass 服務。

安裝

在 SourceWeft 中

  1. 開啟 儀表板中的 Nightglass，將其新增到工作區。
  2. 為需要使用其工具的對話啟用該服務。

Desktop only，透過 STDIO。 STDIO 服務會啟動本機處理程序，因此需要 SourceWeft 桌面主機。

其他 MCP 客戶端

參照 儲存庫 中的啟動說明。

README

nightglass MCP Server

Take website screenshots from any MCP-compatible client — Claude Desktop, Cursor, Windsurf, Claude Code, and more.

Powered by the nightglass screenshot API.

Tools

take_screenshot

Capture a screenshot of any website. Returns a PNG image directly in the conversation.

Parameters:

ParameterTypeDefaultDescription
urlstringrequiredURL to screenshot
formatpng | jpeg | webppngOutput format
styleraw | mockuprawmockup wraps the screenshot in a browser frame
full_pagebooleanfalseCapture the full scrollable page
viewport_widthnumber1280Viewport width (320–3840)
viewport_heightnumber720Viewport height (200–2160)
delaynumber0Wait time in ms after page load
dark_modebooleanfalseEmulate dark colour scheme

check_balance

Check your account balance and remaining screenshot credits.

Setup

1. Get an API key

Sign up at api.nightglass.xyz/dashboard and create an API key. You get 50 free screenshots to start.

2. Install

bash
npm install -g nightglass-mcp

3. Configure your MCP client

Claude Desktop — add to claude_desktop_config.json:

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

Claude Code — add to your project's .mcp.json:

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

Cursor / Windsurf — same format as Claude Desktop, in the respective config file.

Pricing

TierPriceCreditsPer screenshot
Free$050—
Starter$5500$0.010
Growth$202,500$0.008
Scale$5010,000$0.005
Enterprise$20050,000$0.004

AI agents: nightglass also supports x402 — autonomous agent payments with USDC on Base. No API key needed.

Links

License

MIT

來源：README.md，提交 1fce6db

工具

0
SourceWeft 尚未在沙箱中啟動過該軟體包，因此其工具未知。

版本歷史

1
  1. v1.0.0最新Sep 16, 2026

評分

已滿足適用檢查項的 50%

該評分衡量此收錄條目的完整程度，依據註冊中心條目、端點與公開來源計算得出。它不是對伺服器本身的評價，也不表示伺服器安全或目前可用：可連通性是帶日期的檢查結果，評分也不包含安裝量或使用者評價。

  • 近 30 天內可連通25 分

    請保持端點能夠回應 MCP 握手；SourceWeft 每 30 天探測一次。

  • 已宣告認證方式10 分

    請在註冊中心條目中宣告憑證請求標頭，或保持端點能夠回應探測，以便判定其認證方式。

  • 已列出工具15 分

    請讓伺服器在無憑證時回應 tools/list，或發布可在沙箱中無憑證啟動的軟體包。

  • 描述必需15 分
  • 圖示10 分
  • 文件15 分
  • 授權條款10 分