# nightglass [Health: Active]

**Category:** 💻 Developer Tools  
**Repository:** https://github.com/mizukaizen/nightglass-mcp  
**GitHub Stars:** 0  
**Views:** 0  
**Installs:** 0  
**Upvotes:** 0  
**Directory Page:** https://allmcps.com/mcp/nightglass

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

## Claude Desktop Quick Installation
Remote MCP endpoint (confidence: high). Install path detected from listing signals. Add as a URL/SSE server in your client:

```json
"mcpServers": {
  "nightglass": {
    "url": "https://nightglass.xyz"
  }
}
```

## Documentation & README

# nightglass MCP Server

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

Powered by the [nightglass](https://nightglass.xyz) screenshot API.

## Tools

### `take_screenshot`

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

**Parameters:**

| Parameter | Type | Default | Description |
|-----------|------|---------|-------------|
| `url` | string | *required* | URL to screenshot |
| `format` | `png` \| `jpeg` \| `webp` | `png` | Output format |
| `style` | `raw` \| `mockup` | `raw` | `mockup` wraps the screenshot in a browser frame |
| `full_page` | boolean | `false` | Capture the full scrollable page |
| `viewport_width` | number | `1280` | Viewport width (320–3840) |
| `viewport_height` | number | `720` | Viewport height (200–2160) |
| `delay` | number | `0` | Wait time in ms after page load |
| `dark_mode` | boolean | `false` | Emulate 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](https://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

| Tier | Price | Credits | Per screenshot |
|------|-------|---------|----------------|
| Free | $0 | 50 | — |
| Starter | $5 | 500 | $0.010 |
| Growth | $20 | 2,500 | $0.008 |
| Scale | $50 | 10,000 | $0.005 |
| Enterprise | $200 | 50,000 | $0.004 |

**AI agents:** nightglass also supports [x402](https://nightglass.xyz/blog/x402-protocol-agent-payments-explained) — autonomous agent payments with USDC on Base. No API key needed.

## Links

- [Website](https://nightglass.xyz)
- [Documentation](https://nightglass.xyz/docs)
- [Dashboard](https://api.nightglass.xyz/dashboard)
- [Blog](https://nightglass.xyz/blog)

## License

MIT