MCPmyDocs

A MonoRepo of pre-built Model Context Protocol (MCP) servers for popular SDKs and frameworks, powered by Probe.

Overview

MCPmyDocs provides a collection of ready-to-use MCP servers that enable AI assistants to search and understand documentation for popular frameworks and SDKs. Instead of configuring each documentation source manually, developers can simply use our pre-built packages to instantly integrate their preferred frameworks into their coding AI workflow.

Features

• Zero Configuration: Use our pre-built packages without any additional setup
• Multiple Frameworks: Access documentation for React, Svelte, Vue, Alpine.js, Solid.js, Flutter and more from one MonoRepo
• AI Integration: Seamlessly integrates with AI assistants that support the Model Context Protocol
• Powered by Probe: Leverages the efficient Probe search engine for relevant results
• Up-to-date Documentation: Each package contains the latest stable documentation for its framework

Available Packages

MCPmyDocs currently includes the following packages:

• @mcpmydocs/react - Official React documentation
• @mcpmydocs/svelte - Official Svelte documentation
• @mcpmydocs/vue - Official Vue documentation
• @mcpmydocs/alpine - Official Alpine.js documentation
• @mcpmydocs/solid - Official Solid.js documentation
• @mcpmydocs/flutter - Official Flutter documentation
• More frameworks coming soon...

Installation & Usage

Method 1: Using with Claude Desktop (via Smithery)

To install any of our packages for Claude Desktop:

# Install React documentation
npx -y @smithery/cli install @mcpmydocs/react --client claude

# Install Svelte documentation
npx -y @smithery/cli install @mcpmydocs/svelte --client claude

# Install Vue documentation
npx -y @smithery/cli install @mcpmydocs/vue --client claude

# Install Alpine.js documentation
npx -y @smithery/cli install @mcpmydocs/alpine --client claude

# Install Solid.js documentation
npx -y @smithery/cli install @mcpmydocs/solid --client claude

# Install Flutter documentation
npx -y @smithery/cli install @mcpmydocs/flutter --client claude

Method 2: Direct npx Usage

You can run any of our packages directly using npx:

# Run React documentation server
npx -y @mcpmydocs/react@latest

# Run Svelte documentation server
npx -y @mcpmydocs/svelte@latest

# Run Vue documentation server
npx -y @mcpmydocs/vue@latest

# Run Alpine.js documentation server
npx -y @mcpmydocs/alpine@latest

# Run Solid.js documentation server
npx -y @mcpmydocs/solid@latest

# Run Flutter documentation server
npx -y @mcpmydocs/flutter@latest

Method 3: Integration with MCP Clients (e.g., IDE extensions)

Configure your MCP client to launch our servers:

{
  "mcpServers": {
    "react-docs": {
      "command": "npx",
      "args": [
        "-y",
        "@mcpmydocs/react@latest"
      ],
      "enabled": true
    },
    "svelte-docs": {
      "command": "npx",
      "args": [
        "-y",
        "@mcpmydocs/svelte@latest"
      ],
      "enabled": true
    },
    "vue-docs": {
      "command": "npx",
      "args": [
        "-y",
        "@mcpmydocs/vue@latest"
      ],
      "enabled": true
    },
    "alpine-docs": {
      "command": "npx",
      "args": [
        "-y",
        "@mcpmydocs/alpine@latest"
      ],
      "enabled": true
    },
    "solid-docs": {
      "command": "npx",
      "args": [
        "-y",
        "@mcpmydocs/solid@latest"
      ],
      "enabled": true
    },
    "flutter-docs": {
      "command": "npx",
      "args": [
        "-y",
        "@mcpmydocs/flutter@latest"
      ],
      "enabled": true
    }
  }
}

Using with AI Assistants

Once running, the MCP server exposes a search tool to connected AI assistants via the Model Context Protocol. Each package comes with an appropriately named and described tool.

Example Tool Calls

For React Documentation:

{
  "tool_name": "search_react_docs",
  "arguments": {
    "query": "how to create a custom hook",
    "page": 1
  }
}

For Svelte Documentation:

{
  "tool_name": "search_svelte_docs",
  "arguments": {
    "query": "reactive declarations",
    "page": 1
  }
}

For Vue Documentation:

{
  "tool_name": "search_vue_docs",
  "arguments": {
    "query": "composition API",
    "page": 1
  }
}

For Alpine.js Documentation:

{
  "tool_name": "search_alpine_docs",
  "arguments": {
    "query": "x-data",
    "page": 1
  }
}

For Solid.js Documentation:

{
  "tool_name": "search_solid_docs",
  "arguments": {
    "query": "createSignal",
    "page": 1
  }
}

For Flutter Documentation:

{
  "tool_name": "search_flutter_docs",
  "arguments": {
    "query": "StatefulWidget",
    "page": 1
  }
}

Development

Project Structure

MCPmyDocs/
├── package.json
├── README.md
├── packages/
│   ├── react/
│   │   ├── package.json
│   │   ├── docs-mcp.config.json
│   │   └── ... (other files)
│   ├── svelte/
│   │   ├── package.json
│   │   ├── docs-mcp.config.json
│   │   └── ... (other files)
│   ├── vue/
│   │   ├── package.json
│   │   ├── docs-mcp.config.json
│   │   └── ... (other files)
│   ├── alpine/
│   │   ├── package.json
│   │   ├── docs-mcp.config.json
│   │   └── ... (other files)
│   ├── solid/
│   │   ├── package.json
│   │   ├── docs-mcp.config.json
│   │   └── ... (other files)
│   ├── flutter/
│   │   ├── package.json
│   │   ├── docs-mcp.config.json
│   │   └── ... (other files)
│   └── ... (other packages)

Building a Package

To build a specific package:

# Build the React package
cd packages/react
npm run build

# Build the Svelte package
cd packages/svelte
npm run build

# Build the Vue package
cd packages/vue
npm run build

# Build the Alpine.js package
cd packages/alpine
npm run build

# Build the Solid.js package
cd packages/solid
npm run build

# Build the Flutter package
cd packages/flutter
npm run build

To build all packages:

# At the root of the monorepo
npm run build

Running a Package

# Run the React package
npm run start:react

# Run the Svelte package
npm run start:svelte

# Run the Vue package
npm run start:vue

# Run the Alpine.js package
npm run start:alpine

# Run the Solid.js package
npm run start:solid

# Run the Flutter package
npm run start:flutter

Creating New Packages

To add a new framework or SDK:

1. Copy the _template directory in the packages folder to create a new package
2. Follow the instructions in CREATE_NEW_FRAMEWORK.md
3. Configure the docs-mcp.config.json file pointing to the appropriate documentation source
4. Update all placeholders in the source files
5. Run npm run build to test the build process

For detailed instructions, see CREATE_NEW_FRAMEWORK.md.

Publishing

For instructions on versioning and publishing packages to npm, see PUBLISHING.md.

License

MIT