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

rs-grid-mcp

v0.3.0

Published

MCP server exposing rs-grid documentation and rendered scenes to AI agents

Readme

rs-grid-mcp

Model Context Protocol server for rs-grid — a headless, high-performance data grid for Rust → WASM (Leptos / Dioxus / Yew, or framework-free).

It gives AI agents two things they otherwise lack when working on rs-grid:

  1. The documentation — searchable, with per-type lookup.
  2. The rendered scene — rs-grid draws to <canvas>, so the DOM reveals nothing about the output. This server serves serialized SceneFrames (the renderer-agnostic primitives the grid would actually draw) so an agent can reason about the rendering without a browser.

Install

Runs over stdio via npx; no global install needed.

Claude Code

claude mcp add rs-grid -- npx -y rs-grid-mcp

Other MCP clients

{
  "mcpServers": {
    "rs-grid": {
      "command": "npx",
      "args": ["-y", "rs-grid-mcp"]
    }
  }
}

Tools

| Tool | Description | | --- | --- | | search_rs_grid_docs | Keyword search across the docs (incl. skill.md); relevance-ranked with title/heading boosting. language: en (default) / fr. | | get_api_type | Full doc page for a type by name (e.g. GridCommand, ColumnDef, CellFormat, GridState, Theme). Pass list to enumerate all known types; suggests the closest name on a typo. | | list_commands | List GridCommand variants (the only way to mutate grid state) with name, category and signature. Optional category filter. | | get_command | Full signature, category and notes for one GridCommand variant by name (e.g. SetSort, AutoFitColumn). | | list_doc_pages | List doc pages, optionally filtered by section (api, features, concepts, data, theming, integrations, scene, deployment, development). | | list_scenes | List the canonical render scenarios available to get_scene. | | get_scene | Get a scenario's SceneFrame as JSON — every primitive's geometry, color, clip and text. Scenarios: basic, selection, pinned, scrolled. |

Inspecting the render

get_scene is the differentiator. Each scenario returns the exact primitives the canvas renderer would draw — letting an agent verify, for example, that a pinned column lands at the right offset, or that a selected cell is highlighted with the right fill — purely from data:

// get_scene { "name": "pinned" }  →
{
  "primitives": [
    { "Rect": { "x": 0, "y": 0, "width": 800, "height": 400, "fill": { "r": 255, "g": 255, "b": 255, "a": 255 }, ... } },
    { "Text": { "x": 54, "y": 59.9, "text": "r0c0", "color": { ... }, "clip": [42, 40, 120, 30], ... } }
    // ...
  ],
  "button_zones": [],
  "viewport_width": 800,
  "viewport_height": 400,
  "dpr": 1
}

The fixtures are generated from the same scenarios that back rs-grid's snapshot tests, so they stay faithful to the real renderer.

Resources

| URI | Description | | --- | --- | | rs-grid://llms.txt | Documentation index. | | rs-grid://llms-full.txt | Full concatenated documentation. | | rs-grid://skill.md | Skill definition (capabilities, constraints, workflows). | | rs-grid://docs/{path} | Any individual documentation page. |

Building

npm run build compiles the TypeScript and populates dist/ with the rendered docs. The doc source is resolved automatically:

  • local — if the sibling repo ../rs-grid-site/doc_build exists, docs are copied from it (so local doc edits reach the MCP without pushing to GitHub);
  • github — otherwise, docs are downloaded from ruxelion/rs-grid-site@main (the default for a published install).

Override with RS_GRID_DOCS_SOURCE=local or RS_GRID_DOCS_SOURCE=github.

Links

License

See the rs-grid repository.