KoliBri MCP Server

Official

Give AI agents access to 200+ accessible KoliBri Web Component samples, specs, and docs over MCP.

Unverified

HTTP (remote)

No auth

TypeScript

View repo 268 Website npm

Add to your client

Copy the config for your MCP client and paste it into its config file.

Install / run

npm install -g @public-ui/mcp

Paste into ~/Library/Application Support/Claude/claude_desktop_config.json

{
  "mcpServers": {
    "kolibri-mcp-server": {
      "command": "npx",
      "args": [
        "-y",
        "mcp-remote",
        "https://public-ui-kolibri-mcp.vercel.app/mcp"
      ]
    }
  }
}

Claude Desktop connects to remote servers through the `mcp-remote` proxy (installed on first run via npx). Restart Claude Desktop after saving.

Step-by-step guides: Add to Claude Desktop · Add to Cursor · Add to Windsurf

Before you start

An MCP-compatible client (e.g. Claude Desktop, VS Code Copilot)
For local stdio transport: Node.js with npx, or a global install of @public-ui/mcp

About KoliBri MCP Server

KoliBri MCP Server (@public-ui/mcp) lets AI agents and MCP-compatible clients query KoliBri's library of accessible Web Component examples, specifications, scenarios, and documentation through the Model Context Protocol. KoliBri extends the HTML5 standard with self-contained, accessible Web Components and is a reference implementation of the WCAG and BITV accessibility standards. The server's primary deployment is a hosted remote HTTP (StreamableHTTP) endpoint that needs no installation; a local stdio transport is offered as an alternative for offline or self-hosted use. With it connected, you can ask things like '@kolibri show me a button example' or '@kolibri how do I use KolButton?'.

Tools & capabilities (3)

hello_kolibri

A simple greeting tool for testing the connection and getting server metadata. Optional `name` (string) parameter to greet.

search

Search KoliBri component samples, scenarios, and documentation using fuzzy search (Fuse.js). Optional params: `query` (string, empty returns all), `kind` ("doc" | "sample" | "scenario"), `limit` (number, default 10).

fetch

Get a specific sample or documentation entry by its ID. Required param: `id` (string, e.g. "button/basic").

When to use it

Letting an AI assistant pull real, accessible KoliBri component examples while writing UI code
Looking up KoliBri component specifications and usage scenarios from inside an MCP client
Surfacing KoliBri accessibility best-practices so agents generate WCAG/BITV-compliant markup
Searching documentation by keyword (e.g. button, accessibility) directly from Claude Desktop or VS Code Copilot

Security notes

The hosted remote endpoint requires no authentication and serves public KoliBri component documentation. Optional request logging can be enabled with the MCP_LOGGING environment variable (disabled by default); in stdio mode logs are written to stderr so they do not interfere with the JSON-RPC protocol on stdout.

KoliBri MCP Server FAQ

Do I need to install anything to use it?

No. The recommended setup is the hosted remote HTTP endpoint at https://public-ui-kolibri-mcp.vercel.app/mcp, which requires zero installation and stays up-to-date with the latest samples. A local stdio install via npm or npx is available as an alternative.

What transports are supported?

A remote StreamableHTTP endpoint (POST /mcp) as the primary/recommended option, and a local stdio transport via the kolibri-mcp binary (or npx @public-ui/mcp) for offline use, local development, and self-hosting.

Does it require authentication or an API key?

No. The server serves public KoliBri component documentation and requires no authentication.

Can I self-host the HTTP server?

Yes. You can run `node dist/mcp.mjs` (optionally with a custom PORT) to host your own StreamableHTTP endpoint, or deploy it to Vercel as a serverless API as documented in the package.

#accessibility #a11y #web-components #ui #design-system #documentation #components #kolibri

Alternatives to KoliBri MCP Server

Compare all alternatives →

Figma Context MCP (figma-developer-mcp)

Design & Media

15k

Popular community server that feeds Figma layout data to coding agents via a Figma API token.

Verified

stdio (local)

API key

TypeScript

2 tools

Updated 23 days agoRepo

21st.dev Magic MCP

Design & Media

5.2k

Generate beautiful, modern UI components from natural-language descriptions inside your IDE.

Unverified

stdio (local)

API key

TypeScript

4 tools

Updated 4 months agoRepo

Shadcn UI v4 MCP Server

Design & Media

2.8k

Give AI assistants full access to shadcn/ui v4 components, blocks, demos, and metadata across React, Svelte, Vue, and React Native.

Unverified

stdio (local)

API key

TypeScript

7 tools

Updated 1 month agoRepo

Compare KoliBri MCP Server with:

vs Figma Context MCP (figma-developer-mcp)vs 21st.dev Magic MCP vs Shadcn UI v4 MCP Server vs MiniMax MCP Server (Official)