English Français العربية

io.github.mizukaizen/nightglass

Official registry Other

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

Source code Documentation

Install

Add this to your client's MCP configuration (Claude Desktop: claude_desktop_config.json; Cursor: .cursor/mcp.json; VS Code and others use the same "mcpServers" shape).

NPM package nightglass-mcp
Claude Code 
claude mcp add nightglass -e 'NIGHTGLASS_API_KEY=<your nightglass_api_key>' -- npx -y nightglass-mcp@1.0.0
JSON configuration (Claude Desktop, Cursor, VS Code) 
{
    "mcpServers": {
        "nightglass": {
            "command": "npx",
            "args": [
                "-y",
                "nightglass-mcp@1.0.0"
            ],
            "env": {
                "NIGHTGLASS_API_KEY": "<your nightglass_api_key>"
            }
        }
    }
}

Environment variables

  • NIGHTGLASS_API_KEY required secret Your nightglass API key from api.nightglass.xyz/dashboard

Documentation

From the project's README on GitHub, refreshed weekly. Links open on GitHub.

Contents
  1. nightglass MCP Server
  2. Tools
  3. Setup
  4. Pricing
  5. Links
  6. License

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
npm install -g nightglass-mcp
3. Configure your MCP client

Claude Desktop — add to claude_desktop_config.json:

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

Claude Code — add to your project's .mcp.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.

License

MIT

Frequently asked questions

What is io.github.mizukaizen/nightglass?

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

How do I install io.github.mizukaizen/nightglass?

It runs on your machine. In Claude Code: claude mcp add nightglass -e 'NIGHTGLASS_API_KEY=<your nightglass_api_key>' -- npx -y nightglass-mcp@1.0.0. For other clients, paste the JSON configuration from this page into their MCP settings.

Does io.github.mizukaizen/nightglass need an API key?

Yes. It expects NIGHTGLASS_API_KEY, which you set in its configuration.

Is io.github.mizukaizen/nightglass open source?

Yes. Its code is on GitHub under the MIT license.

Who maintains io.github.mizukaizen/nightglass?

It is published by mizukaizen. AI.tn lists it but does not maintain or endorse it.

From the official MCP Registry. Listing is not an endorsement: review a server's code and permissions before giving it access to your data.