ai-plugins

Bring your zeroheight design system into your favourite AI coding tools. These plugins connect your editor to zeroheight so the AI can reach for your components, patterns, usage guidance, and design tokens while it works, straight from your styleguide.

Cursor

Connects Cursor to zeroheight. The first time you use it, Cursor opens a browser so you can sign in.

What's included:

• MCP server (cursor/mcp.json): the connection to zeroheight.
• Rule (cursor/rules/zeroheight.mdc): nudges the AI to treat your styleguide as the source of truth and look things up before writing UI code.
• DSDS audit (skills/dsds-audit/): audits your styleguide's documentation for machine-readability against the Design System Documentation Spec — see DSDS audit skill.

Install it from the Cursor plugin store, or point Cursor at this repository.

Zed

A Zed extension that runs the zeroheight MCP server for you. See zed/README.md for setup.

Codex

Connects the Codex CLI to zeroheight via a plugin.

What's included:

• MCP server (plugins/zeroheight-mcp/.mcp.json): the connection to zeroheight. Codex reads the server's own guidance, so it treats your styleguide as the source of truth when working on UI.

Add this repository as a plugin marketplace, then install the plugin:

codex plugin marketplace add zeroheight/ai-plugins
codex plugin add zeroheight-mcp@zeroheight

Then sign in to zeroheight (this opens a browser):

codex mcp login zeroheight

Claude Code

Connects Claude Code to zeroheight via a plugin. The first time you use it, Claude Code opens a browser so you can sign in.

What's included:

• MCP server (claude-code/.mcp.json): the connection to zeroheight. Claude Code surfaces the server's own guidance automatically, so it treats your styleguide as the source of truth when working on UI.
• DSDS audit (skills/dsds-audit/, /audit-docs): audits your styleguide's documentation for machine-readability — see DSDS audit skill.

Add this repository as a plugin marketplace, then install the plugin:

claude plugin marketplace add zeroheight/ai-plugins
claude plugin install zeroheight-mcp@zeroheight

To audit your docs:

/audit-docs
/audit-docs just Components

Or just ask — e.g. "audit our design system docs for machine-readability".

Claude desktop app (Cowork)

1. Open the Plugins panel (the + menu → Plugins → Manage Plugins).
2. Choose Add → Marketplace → Add from a repository and enter zeroheight/ai-plugins.
3. Find zeroheight-mcp in that marketplace and click Install (then enable it if it isn't enabled automatically).

The first time you use the plugin, a browser opens so you can sign in with your zeroheight account.

DSDS audit skill

The skills/dsds-audit/ skill audits your styleguide's documentation for machine-readability against the Design System Documentation Spec by PJ Onori, and returns a prioritised, page-by-page list of authoring moves plus ready-to-paste segments.

It ships inside the Cursor and Claude Code plugins above, but you can also install it on its own into any agent that supports skills using the skills CLI:

npx skills add zeroheight/ai-plugins

The skill needs the zeroheight MCP connection to read your styleguide, so install one of the plugins above (or connect the MCP server yourself) first.

Usage

Once connected, just ask the AI about your design system:

• "What button variants are available in our design system?"
• "Use our design tokens for the spacing on this card."
• "Find the documentation page for our modal component."