npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2026 – Pkg Stats / Ryan Hefner

nightglass-mcp

v1.0.0

Published

MCP server for the nightglass screenshot API. Take website screenshots from any MCP-compatible client (Claude Desktop, Cursor, Windsurf, etc).

Readme

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