AI导哈

Mermaid图表信息服务器

一个基于TypeScript的MCP服务器，提供Mermaid.js图表的实时信息和工具，用于查询和获取图表类型及其示例。

  • by myxvisual
  • TypeScript
  • 本地部署
  • 更新于
在 GitHub 查看 myxvisual/mermaid-mcp-server

使用说明

🧜‍♀️ mermaid mcp服务器

一个简单而强大的MCP服务器，提供有关Mermaid.js图表的实时信息。

这是一个基于TypeScript的 MCP TypeScript SDK 提供对Mermaid图信息访问的服务器。它公开了一组工具，用于发现和检索Mermaid支持的各种图表类型的详细信息。

🚀 运作原理

客户端可以连接到此服务器，并使用提供的工具查询信息。例如，客户端可能首先列出所有可用的图表，然后请求其中一个图表的具体细节或示例。

这是一个思维导图，总结了服务器的目的、工具和典型的交互流程：

mindmap
  root((🧜‍♀️ mermaid-mcp-server))
    ::icon(fa fa-server)
    Core Purpose
      ::icon(fa fa-bullseye)
      Provide Mermaid.js Info
      Uses Model Context Protocol (MCP)
    Available Tools
      ::icon(fa fa-toolbox)
      about
      list_diagrams
      get_diagram
      get_diagram_examples
    Client Interaction Flow
      ::icon(fa fa-cogs)
      1. Connect to Server
      2. Query with Tools
        Discover diagrams <br/> (list_diagrams)
        Fetch details <br/> (get_diagram)
        Get examples <br/> (get_diagram_examples)
    Technology
      ::icon(fa fa-code)
      TypeScript
      Node.js

📦 使用Claude进行配置

要将MCP服务器与Claude一起使用，请将其添加到您的配置中：

{
    "mcpServers": {
        "mermaid-mcp-server": {
            "command": "npx",
            "args": [
                "-y",
                "mermaid-mcp-server",
            ]
        }
    }
}

🛠️ 工具

服务器通过MCP公开以下工具：

工具名称 描述 参数
about 提供美人鱼项目的一般描述。 无
list_diagrams 列出所有可用的Mermaid图类型。 无
get_diagram 获取特定图表类型的详细信息。 diagramType: string
（例如，“流程图”、“序列诊断图”）
get_diagram_examples 获取特定图表类型的一个或多个语法示例。 diagramType: string
（例如，“流程图”、“序列诊断图”）

💻 发展

要开始开发，请执行以下步骤：

  1. 克隆存储库：

    git clone https://github.com/myxvisual/mermaid-mcp-server
cd mermaid-mcp-server

  2. 安装依赖项：

    npm install

  3. 生产建设：

    npm run build

相关 MCP