@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-mcp": {
      "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"

Telemetry

To help improve the experience this MCP server uses Sentry for error tracking. If you don't want to share error data, you can disable it by setting the environment variable ZEROHEIGHT_MCP_DISABLE_TELEMETRY=true

Available Tools

The server provides these MCP tools:

list-styleguides Discover available design systems that provide documented guidance for components, patterns, and styles. If multiple systems are available, confirm with the user which should be used.

Helpful to reference before generating UI so decisions can reflect established design approaches.

get-styleguide-tree View the navigation hierarchy of a design system — including categories, pages, and tabs — to better understand how guidance is organized.

Helpful when determining where to look for component or pattern documentation before generating UI.

list-pages Explore the pages within a design system to find guidance relevant to the task.

Useful when generating UI that should align with documented component usage, patterns, or interaction recommendations rather than inferred solutions.

get-page Fetch guidance from a specific design system page, including usage notes, recommendations, and supporting context.

Particularly helpful ahead of UI generation to increase the likelihood that outputs reflect the intent of the design system.

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.