About nightglass
nightglass is an MCP server that gives clients website screenshots through the nightglass screenshot API, returning images in the conversation. It supports full-page capture, multiple output formats, and a browser-frame mockup style.
Key features
- 01Capture websites as screenshots
- 02PNG, JPEG, and WebP output
- 03Capture full scrollable pages
- 04Set viewport size and delay
- 05Emulate dark mode
- 06Check balance and screenshot credits
Use cases
- 01View a website screenshot in a conversation
- 02Capture long pages for review
- 03Present screenshots in a browser frame
- 04Check remaining screenshot credits
MCP support
The MCP server exposes take_screenshot and check_balance to clients. Screenshots are generated through the nightglass screenshot API and returned in formats such as PNG.
Configuration
Local server config is the same for every client. Copy it into your client’s MCP config file.
npx -y nightglass-mcpNIGHTGLASS_API_KEYSecretYour nightglass API key from api.nightglass.xyz/dashboardLocal servers need a runtime on your machine (e.g. Node.js 18+). Config file locations differ by client; see your client’s docs.
Tools
2Saved tool list · updated 2w ago
| Parameter | Type | Required | Description |
|---|---|---|---|
| url | string | Yes | The URL of the website to screenshot |
| delay | integer | No | Milliseconds to wait after page load before capturing (useful for JS-heavy sites) |
| style | enum | No | raw = plain screenshot, mockup = screenshot wrapped in a browser frameraw | mockup |
| format | enum | No | Image format (default: png)png | jpeg | webp |
| dark_mode | boolean | No | Emulate dark colour scheme via prefers-color-scheme: dark |
| full_page | boolean | No | Capture the full scrollable page instead of just the viewport |
| viewport_width | integer | No | Viewport width in pixels (default: 1280) |
| viewport_height | integer | No | Viewport height in pixels (default: 720) |
Details
From the project READMEnightglass 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:
| 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 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
| 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 — autonomous agent payments with USDC on Base. No API key needed.
Links
License
MIT
Comments
New to MCP?
From what the protocol is to installing your first server, these answers cover most first questions.
An open protocol that defines how AI applications connect to external tools and data in a uniform way. Clients talk to the model; MCP servers provide tools, resources and prompt templates. They exchange standard messages, so one server can be reused by many clients.