English Français العربية

io.github.mizukaizen/nightglass

Registre officiel Autres

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

Code source Documentation

Installation

Ajoutez ceci à la configuration MCP de votre client (Claude Desktop : claude_desktop_config.json ; Cursor : .cursor/mcp.json ; VS Code et les autres utilisent la même forme « mcpServers »).

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
Configuration JSON (Claude Desktop, Cursor, VS Code) 
{
    "mcpServers": {
        "nightglass": {
            "command": "npx",
            "args": [
                "-y",
                "nightglass-mcp@1.0.0"
            ],
            "env": {
                "NIGHTGLASS_API_KEY": "<your nightglass_api_key>"
            }
        }
    }
}

Variables d'environnement

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

Documentation

Tirée du README du projet sur GitHub, actualisée chaque semaine. Les liens ouvrent GitHub.

Sommaire
  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

Questions fréquentes

Qu'est-ce que io.github.mizukaizen/nightglass ?

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

Comment installer io.github.mizukaizen/nightglass ?

Il s'exécute sur votre machine. Dans Claude Code : claude mcp add nightglass -e 'NIGHTGLASS_API_KEY=<your nightglass_api_key>' -- npx -y nightglass-mcp@1.0.0. Pour les autres clients, collez la configuration JSON de cette page dans leurs réglages MCP.

Faut-il une clé API pour io.github.mizukaizen/nightglass ?

Oui. Il attend NIGHTGLASS_API_KEY, à renseigner dans sa configuration.

io.github.mizukaizen/nightglass est-il open source ?

Oui. Son code est sur GitHub sous licence MIT.

Qui maintient io.github.mizukaizen/nightglass ?

Il est publié par mizukaizen. AI.tn le référence sans le maintenir ni le recommander.

Issu du registre MCP officiel. Être listé n'est pas une recommandation : vérifiez le code et les permissions d'un serveur avant de lui donner accès à vos données.