Fabkit MCP Server
Provides tools to search the Phosphor icon library by keyword, allowing AI agents to find exact icon names for use in component development.
Provides access to component documentation, prop specifications, and ready-to-use code patterns for the Fabkit Svelte 5 UI library.
This server does not currently have a deployable release on Glama. Follow the repository's setup instructions to install and configure it for your MCP client, including any required credentials and local dependencies.
Fabkit MCP Server
A Model Context Protocol server for the Fabkit Svelte 5 UI library, deployed as a Cloudflare Worker.
Agents (Claude, Cursor, Copilot…) can call this server to get accurate, up-to-date Fabkit documentation without hallucinating component names, props, or icon names.
Tools exposed
Tool | Description |
| All components grouped by category, with optional filter |
| Full docs for a single component (props, examples, notes) |
| Full-text search across all component docs |
| Complete theming API: initTheme, CSS variables, dark mode |
| Search 1500+ Phosphor icons by keyword → exact Ph* names |
| Ready-to-use Svelte code patterns (app-shell, dashboard, …) |
| List all available patterns |
Related MCP server: CleanSlice MCP Server
Quick start
1. Install dependencies
npm install2. Run locally
npm run dev
# → http://localhost:51733. Deploy to Cloudflare Workers
npm run deploy
# → https://fabkit-mcp.fabricators.devConnecting to Claude Desktop
Add to claude_desktop_config.json:
{
"mcpServers": {
"fabkit": {
"url": "https://fabkit-mcp.fabricators.dev/mcp",
"transport": "http"
}
}
}Connecting to Cursor
In .cursor/mcp.json:
{
"mcpServers": {
"fabkit": {
"url": "https://fabkit-mcp.fabricators.dev/mcp"
}
}
}Connecting to Gemini CLI
In ~/.gemini/settings.json:
{
"mcpServers": {
"fabkit": {
"url": "https://fabkit-mcp.fabricators.dev/mcp"
}
}
}Note: Gemini CLI does not support the
transportkey — use onlyurl.
Connecting to GitHub Copilot CLI
In ~/.copilot/mcp-config.json:
{
"mcpServers": {
"fabkit": {
"type": "http",
"url": "https://fabkit-mcp.fabricators.dev/mcp",
"tools": ["*"]
}
}
}Alternatively, run /mcp add inside the CLI and fill in the fields interactively.
Connecting to VS Code
In .vscode/mcp.json (workspace) or ~/.config/Code/User/mcp.json (global):
{
"servers": {
"fabkit": {
"type": "http",
"url": "https://fabkit-mcp.fabricators.dev/mcp"
}
}
}Note: VS Code uses
"servers"(not"mcpServers") as the root key.
Connecting to Continue.dev
In ~/.continue/config.json:
{
"mcpServers": [
{
"name": "fabkit",
"type": "streamable-http",
"url": "https://fabkit-mcp.fabricators.dev/mcp"
}
]
}Connecting to Windsurf
In ~/.codeium/windsurf/mcp_config.json:
{
"mcpServers": {
"fabkit": {
"serverUrl": "https://fabkit-mcp.fabricators.dev/mcp"
}
}
}Note: Windsurf uses
"serverUrl"(not"url") for remote HTTP servers.
MCP Protocol
The server implements MCP 2024-11-05 over Streamable HTTP (POST /mcp).
All requests are JSON-RPC 2.0:
# Initialize
curl -X POST https://fabkit-mcp.fabricators.dev/mcp \
-H "Content-Type: application/json" \
-d '{"jsonrpc":"2.0","method":"initialize","params":{"protocolVersion":"2024-11-05","capabilities":{}},"id":1}'
# List tools
curl -X POST https://fabkit-mcp.fabricators.dev/mcp \
-d '{"jsonrpc":"2.0","method":"tools/list","id":2}'
# Call a tool
curl -X POST https://fabkit-mcp.fabricators.dev/mcp \
-d '{"jsonrpc":"2.0","method":"tools/call","params":{"name":"get_component","arguments":{"name":"Button"}},"id":3}'Extending the knowledge base
Edit src/knowledge.ts — add entries to the COMPONENTS array or extend ALL_ICONS.
Edit src/tools.ts — add new entries to the PATTERNS object.
Then redeploy: npm run deploy.
Architecture
src/
index.ts ← Cloudflare Worker entry, routing, CORS
mcp.ts ← JSON-RPC 2.0 dispatch, tool registry
knowledge.ts ← All Fabkit docs embedded as typed data
tools.ts ← Tool implementations (pure functions)Everything is stateless — no KV, no R2, no external APIs.
The Worker cold-starts in < 5ms because all knowledge is bundled inline.
This server cannot be deployed
Maintenance
Related MCP Connectors
Search, read and install agent-ready React components, screens and blocks for AI products.
The docs, rules, blocks, charts and design tokens of nuvui, a React UI library, for coding agents.
Serves your design system and coding standards to coding agents, so they stop guessing.
Live React design-system APIs, patterns, and code validation so AI agents build real UI, not slop.
Related MCP Servers
- FlicenseNot gradedqualityCmaintenanceProvides AI assistants with comprehensive access to Material UI documentation, component details, and setup guides for building React applications. It enables searching through 50+ components and provides structured information on imports, customization, and best practices.2-
- AlicenseNot gradedqualityCmaintenanceProvides AI coding agents with access to CleanSlice architecture documentation, rules, and conventions. It enables users to search documentation and retrieve essential patterns to help AI build applications correctly.18MIT
- AlicenseAqualityDmaintenanceProvides AI assistants with structured access to complete Figma developer documentation, including Plugin, Widget, and REST APIs. It enables users to search and read over 600 documentation pages to facilitate Figma-related development tasks.32 npmMIT
- AlicenseAqualityDmaintenanceProvides access to Aceternity UI component library documentation, enabling AI assistants to browse, search, and retrieve detailed information about components.321 npmMIT