KoliBri MCP API

Model Context Protocol backend for KoliBri examples with streaming-native HTTP transport

📦 Prebuilt index (128 Samples, 50 Specs, 14 Scenarios, 21 Docs)
Samples 128
Specs 50
Docs 21
Scenarios 14

📡 Streaming MCP Endpoint

This server exposes the Model Context Protocol directly over HTTP and streams responses so that AI copilots see updates as soon as they are generated.

🆕 Stream-first transport: Connect with POST /mcp and keep the request open. The StreamableHTTPServerTransport sends newline-delimited JSON frames, allowing Claude Desktop, Copilot Chat, and every MCP client to process tool output incrementally without polling.

Each request follows the JSON-RPC messages defined by the MCP specification. Submit a tools/list call to discover all available tools, then issue tools/call messages on the same HTTP stream to execute them.

Use your preferred MCP client to explore the toolbox visually. Applications such as Claude Desktop or the VS Code MCP extension render the tool catalog, argument schemas, and streaming responses automatically once they connect to /mcp.

Want to try it from your own tooling? Point any MCP-aware client directly to the hosted endpoint below.

https://example.com/mcp

Note: The indices are generated during the build process. Manual refresh is not available in deployments.

🔧 VS Code Integration

Use the KoliBri MCP Server with GitHub Copilot Chat in VS Code:

Option 1: Local Installation

npm install -g @public-ui/mcp

Install the MCP package globally and create an mcp.json:

{ "servers": { "kolibri-mcp": { "command": "npx", "args": ["@public-ui/mcp"] } }, "inputs": [] }

Option 2: Remote Server (Recommended)

Use the hosted server without local installation in your mcp.json:

{ "servers": { "kolibri-mcp": { "url": "<origin>/mcp", "type": "http" } }, "inputs": [] }
⚡ Remote Advantage: No installation required, always up-to-date, faster setup!

Setup

Create an mcp.json file in your project directory or use the global configuration:

# Local file in project
echo '{ "servers": { ... } }' > mcp.json
# Or globally for all projects
~/.config/mcp/mcp.json

Detailed VS Code steps

  1. Update VS Code and the GitHub Copilot Chat extension to the latest version (MCP support currently ships in the Insider/Preview channels).
  2. Open Settings and enable GitHub > Copilot Chat: Allow MCP so Copilot may load external servers.
  3. Create or edit mcp.json (workspace root or ~/.config/mcp/mcp.json) with the remote configuration shown above. Replace <origin> with the deployed server URL.
  4. Reload VS Code. In the Copilot Chat panel choose Connections → kolibri-mcp to establish the streaming session.
  5. Ask Copilot things like @kolibri-mcp search button or @kolibri-mcp fetch sample/button/basic to receive streamed answers.

In GitHub Copilot Chat you can now write:

@kolibri show me a button sample
@kolibri how do I implement a KoliBri table?
@kolibri create an accessible form
💡 Tip: The MCP Server gives you access to all 128 KoliBri component samples, 50 component specifications, 14 guided scenarios, and 21 documentation files directly in VS Code!