Summary
Connects Claude to the nightglass screenshot API so you can capture website renders without leaving your conversation. Exposes take_screenshot with options for full page capture, viewport sizing, mockup frames, and dark mode emulation. Returns PNGs (or JPEG/WebP) directly in chat. Also includes check_balance to monitor your API credits. Requires a nightglass API key from their dashboard, where you get 50 free screenshots to start. Useful when you need visual confirmation of how a site looks, want to grab design references, or need to verify responsive layouts without opening a browser. Works across Claude Desktop, Cursor, Windsurf, and Claude Code.
Keeps your Mac awake while Claude Code, Codex or Cursor works. Lets it sleep when they are done.
Try free for 7 days →
Block distracting apps from your iPhone permanently without a 3rd party app. Free and open source.
Block now (100% free) →
Notes, actions and memory. Without a meeting bot. First month 100% off.
Download for free →
belt cli automatically finds the best tools and skills for your agent. image, video, music, tts...
one prompt install →
Free an open-source skills that make AI coding agents easier to understand, verify, and control.
Download for free →
Connect your Claude agent to live crypto prices and trading routes via 1inch
Get the MCP →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:
| 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
Featured
Keeps your Mac awake while Claude Code, Codex or Cursor works. Lets it sleep when they are done.
Try free for 7 days →Block distracting apps from your iPhone permanently without a 3rd party app. Free and open source.
Block now (100% free) →Notes, actions and memory. Without a meeting bot. First month 100% off.
Download for free →belt cli automatically finds the best tools and skills for your agent. image, video, music, tts...
one prompt install →Free an open-source skills that make AI coding agents easier to understand, verify, and control.
Download for free →Connect your Claude agent to live crypto prices and trading routes via 1inch
Get the MCP →Configuration
NIGHTGLASS_API_KEY*secretYour nightglass API key from api.nightglass.xyz/dashboard