Developer-Tools

zeroheight

by zeroheight

Overview

The zeroheight MCP connects Claude directly to your design system documentation. Give your AI assistant access to your styleguide — components, tokens, patterns, and usage rules — so it can reference the right guidelines while generating code or answering questions about your design system.

Tools

get-page

ChatGPT

Call this BEFORE generating UI that uses a documented component, pattern, or guideline. Returns the page's usage notes, recommendations, prop and variant guidance, supporting context, and any file attachments. Treat the response as the source of truth — do not invent props, variants, or usage patterns that are not documented here. The response may include embedded asset URIs (`zeroheight://image/...` or `zeroheight://attachment/...`) — call `get-page-asset` with the relevant URIs to fetch those assets as needed.

get-page-asset

ChatGPT

Fetch images or attachments from a styleguide page using zeroheight://image/{pageId}/{imageHash} or zeroheight://attachment/{pageId}/{attachmentHash} URIs returned by get-page.

list-pages

ChatGPT

Call this immediately after list-styleguides to locate the documentation page for a component, pattern, or guideline BEFORE generating UI that uses it. Returns the full navigation hierarchy — categories, pages, and tabs — so you can identify which page to fetch with get-page. Do not invent component or pattern names; only reference pages that appear in this tree.

list-releases

ChatGPT

List available releases for a styleguide. Only call this when the user has explicitly asked about releases or wants content from a specific release. Do not use releaseId in other tools unless the user has requested a particular release — all tools default to the latest published content.

list-styleguides

ChatGPT

Call this FIRST whenever the user asks to build, generate, modify, or review UI — components, pages, layouts, themes, or styling — in a project that may have a zeroheight design system. Discovers available design systems that provide authoritative guidance for components, patterns, tokens, and styles. If multiple systems are available, confirm with the user which to use before continuing. Do not begin generating UI code until this has been called and the relevant styleguide has been consulted.

search-pages

ChatGPT

Search the styleguide for pages matching a term. Use this when you know the component, pattern, or topic you need but not where it lives in the navigation — it's often faster than walking the list-pages tree. Follow up with get-page on the most relevant result before generating UI.

get-page

Claude

get-page-asset

Claude

list-pages

Claude

list-releases

Claude

list-styleguides

Claude

search-pages

Claude

Links

Documentation ↗Privacy Policy ↗

App Stats

Tools

ChatGPT, Claude

Platforms