@zeroheight/mcp-server

zeroheight MCP Server

MCP server for zeroheight

For a full walkthrough on how to use this MCP server, head over to our help centre article.

Install

Add to Claude Desktop or VSCode (including Cursor/Windsurf) config:

"mcpServers": {
  "zeroheight": {
    "command": "npx",
    "args": ["-y", "@zeroheight/mcp-server@latest"],
    "env": {
      "ZEROHEIGHT_ACCESS_TOKEN": "zhat_abc123",
      "ZEROHEIGHT_CLIENT_ID": "zhci_abc123"
    }
  }
}

Usage

Authentication

You will need to add your zeroheight authentication credentials as environment variables, which can be created using these instructions:

ZEROHEIGHT_CLIENT_ID="your-client-id"
ZEROHEIGHT_ACCESS_TOKEN="your-access-token"

Available Tools

The server provides these MCP tools:

list-styleguides List all accessible styleguides as resource links or markdown

get-styleguide-tree Get a navigation hierarchy for a styleguide with top-level navigation, categories, pages and tabs

list-pages List all accessible pages in a styleguide with optional search

get-page Get a styleguide page in the requested format (markdown or JSON)

Setup Examples

Claude Desktop

{
  "mcpServers": {
    "zeroheight": {
      "command": "npx",
      "args": ["-y", "@zeroheight/mcp-server@latest"],
      "env": {
        "ZEROHEIGHT_ACCESS_TOKEN": "zhat_abc123",
        "ZEROHEIGHT_CLIENT_ID": "zhci_abc123"
      }
    }
  }
}

VS Code

Create .vscode/mcp.json:

{
  "servers": {
    "zeroheight": {
      "command": "npx",
      "args": ["-y", "@zeroheight/mcp-server@latest"],
      "env": {
        "ZEROHEIGHT_ACCESS_TOKEN": "zhat_abc123",
        "ZEROHEIGHT_CLIENT_ID": "zhci_abc123"
      }
    }
  }
}

Example Usage

"List my styleguides"
"Show pages about buttons"
"Get the navigation for [styleguide name]"
"Find documentation about typography"

Requirements

• Node.js 22+
• zeroheight Client ID and Access Token

More info on setup can be found in the help centre article.