io.github.mizukaizen/nightglass
Screenshot API for MCP clients. Capture any URL as PNG with mockup mode support.
Open source Open in the app JSON README (API)
About
Screenshot API for MCP clients. Capture any URL as PNG with mockup mode support.
Details
- Kind
- MCP servers
- Topic
- Web search, scraping & browser
- Publisher
- mizukaizen
- Origin
- official
- Category
- ferramentas
- Transport
- local
- Version
- 1.0.0
- Last push
- 2026-06-23T09:10:06Z
- Repository state
- ativo
- Language
- JavaScript
- License
- MIT
- Added
- 2026-08-29 04:00:50
- Updated
- 2026-08-29 04:00:50
- Origin id
io.github.mizukaizen/nightglass
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