flowbite-svelte-mcp Svelte Themes

Flowbite Svelte Mcp

MCP server for Flowbite-Svelte documentation (LLM)

Flowbite-Svelte MCP Server

This is a Model Context Protocol (MCP) server for Flowbite-Svelte documentation.
It exposes tools to find components, query component docs, list components, and do full-text search, via stdio transport.

Getting started

git clone [email protected]:shinokada/flowbite-svelte-mcp.git
cd flowbite-svelte-mcp
pnpm install
pnpm run build
pnpm run start

Usage

This server uses stdio transport, so it's compatible with MCP clients that launch via stdin/stdout (e.g. Claude Desktop, ChatGPT Desktop, MCP Inspector).

Claude Desktop

  1. Locate your configuration file:
  • macOS: ~/Library/Application Support/Claude/claude_desktop_config.json

  • Windows: %APPDATA%\Claude\claude_desktop_config.json

  1. Edit the file. If the file doesn't exist, create it. Add your server like this (using the absolute path found in your logs):
{
  "mcpServers": {
    "flowbite-svelte": {
      "command": "node",
      "args": [
        "/Users/your-user-name/path/to/flowbite-svelte-mcp/build/server.js"
      ]
    }
  }
}
  1. Restart Claude Desktop.
pnpm run build
pnpm run start
  1. Ask Claude:
  • Search the flowbite-svelte docs for how to use an Accordion, then give me the component details.
  • How do I use the flowbite-svelte accordion component?
  • What components are available in flowbite-svelte?

Tools

Tool name Description
fincComponent Find a Flowbite-Svelte component and its documentation path.
getComponentList Returns a list of component names + filename
getComponentDoc Returns the documentation (markdown / text) for a specific component
searchDocs Full-text search over the context-full.txt of Flowbite-Svelte

Notes

  1. Using tmcp

    • We import McpServer from tmcp. :contentReference[oaicite:1]{index=1}
    • We use the ZodJsonSchemaAdapter for schema validation.
    • The StdioTransport from @tmcp/transport-stdio is used. :contentReference[oaicite:2]{index=2}
  2. MCP Client Integration

    • Once built (pnpm build), you run the server (pnpm start).
    • In Claude Desktop or ChatGPT Desktop, configure it to run your server.
    • Because it's stdio transport, the client will communicate over your process's stdin/stdout.

Top categories

Loading Svelte Themes