English Français العربية

io.github.mizukaizen/nightglass

السجل الرسمي أخرى

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

الشيفرة المصدرية التوثيق

التثبيت

أضف هذا إلى إعدادات MCP في عميلك (Claude Desktop: claude_desktop_config.json، وCursor: ‏.cursor/mcp.json، ويستخدم VS Code وغيره الصيغة نفسها «mcpServers»).

NPM package nightglass-mcp
Claude Code 
claude mcp add nightglass -e 'NIGHTGLASS_API_KEY=<your nightglass_api_key>' -- npx -y nightglass-mcp@1.0.0
إعداد JSON (Claude Desktop وCursor وVS Code) 
{
    "mcpServers": {
        "nightglass": {
            "command": "npx",
            "args": [
                "-y",
                "nightglass-mcp@1.0.0"
            ],
            "env": {
                "NIGHTGLASS_API_KEY": "<your nightglass_api_key>"
            }
        }
    }
}

متغيرات البيئة

  • NIGHTGLASS_API_KEY إلزامي سري Your nightglass API key from api.nightglass.xyz/dashboard

التوثيق

مأخوذ من ملف README للمشروع على GitHub ويُحدَّث أسبوعيًا. تفتح الروابط على GitHub.

المحتويات
  1. nightglass MCP Server
  2. Tools
  3. Setup
  4. Pricing
  5. Links
  6. License

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:

ParameterTypeDefaultDescription
urlstringrequiredURL to screenshot
formatpng \jpeg \webppngOutput format
styleraw \mockuprawmockup wraps the screenshot in a browser frame
full_pagebooleanfalseCapture the full scrollable page
viewport_widthnumber1280Viewport width (320–3840)
viewport_heightnumber720Viewport height (200–2160)
delaynumber0Wait time in ms after page load
dark_modebooleanfalseEmulate 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

TierPriceCreditsPer screenshot
Free$050—
Starter$5500$0.010
Growth$202,500$0.008
Scale$5010,000$0.005
Enterprise$20050,000$0.004

AI agents: nightglass also supports x402 — autonomous agent payments with USDC on Base. No API key needed.

License

MIT

الأسئلة الشائعة

ما هو io.github.mizukaizen/nightglass؟

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

كيف أثبّت io.github.mizukaizen/nightglass؟

يعمل على جهازك. في Claude Code: claude mcp add nightglass -e 'NIGHTGLASS_API_KEY=<your nightglass_api_key>' -- npx -y nightglass-mcp@1.0.0. وفي العملاء الآخرين، الصق إعداد JSON من هذه الصفحة في إعدادات MCP الخاصة بهم.

هل يحتاج io.github.mizukaizen/nightglass إلى مفتاح API؟

نعم. يتطلب NIGHTGLASS_API_KEY، وتضبطها في إعداداته.

هل io.github.mizukaizen/nightglass مفتوح المصدر؟

نعم. شيفرته متاحة على GitHub بترخيص MIT.

من يصون io.github.mizukaizen/nightglass؟

ينشره mizukaizen. يدرجه AI.tn لكنه لا يصونه ولا يوصي به.

من سجل MCP الرسمي. الإدراج ليس توصية: راجع شيفرة الخادم وصلاحياته قبل منحه الوصول إلى بياناتك.