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.
Plug Mailtrap into your AI workflow and let it handle the email.
Connect Mailtrap MCP →
Agent, run crypto. Access onchain data & trade routes via 1inch.
Install now →
Make coding agent sessions - Searchable, Shareable, Vendor-neutral & Scored.
Try For Free →
Your agent targets a perfect 10 Code Health score. Deterministic. Every commit.
Try For Free →
Integrate web data into your AI product. One API to scrape website & brand data.
Get API Key Now →
belt cli automatically finds the best tools and skills for your agent. image, video, music, tts...
one prompt install →
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
Plug Mailtrap into your AI workflow and let it handle the email.
Connect Mailtrap MCP →Agent, run crypto. Access onchain data & trade routes via 1inch.
Install now →Make coding agent sessions - Searchable, Shareable, Vendor-neutral & Scored.
Try For Free →Your agent targets a perfect 10 Code Health score. Deterministic. Every commit.
Try For Free →Integrate web data into your AI product. One API to scrape website & brand data.
Get API Key Now →belt cli automatically finds the best tools and skills for your agent. image, video, music, tts...
one prompt install →Configuration
NIGHTGLASS_API_KEY*secretYour nightglass API key from api.nightglass.xyz/dashboard