HM

hustcc/mcp-mermaid

Developer tools

이 페이지는 AI로 자동 번역되었습니다. 기술적인 세부 사항은 원문을 확인하세요. 원문 보기

646 stars 60 forks 품질 78 트렌드 25MIT

❤️ AI MCP로 인어 다이어그램과 차트를 동적으로 생성하세요.

개요

- 🖼️ figure.ling.pub/gallery에서 MCP-mermaid 및 기타 도구로 AI가 생성한 도표와 도표를 탐색하고 공유할 수 있습니다. - 인어의 모든 기능과 구문을 완벽하게 지원합니다. - 배경색과 테마 설정을 지원하여 대형 AI 모델이 풍부한 스타일 구성을 출력할 수 있습니다. - base64, svg, mermaid, file, 원격 친화적인 svg_url, png_url 형식으로 내보내기 지원하며, Mermaid에 대한 검증을 통해 모델의 다중 라운드 올바른 문법과 그래픽 출력이 가능하도록 지원합니다. outputType: "file"을 사용해 PNG 다이어그램을 자동으로 디스크에 저장해 AI 에이전트를 지원하거나, URL 모드로 공개 mermaid.ink 링크를 통해 다이어그램을 공유합니다. Claude, VSCode, Cline, Cherry Studio 등과 같은 데스크톱 앱에서 사용하려면 아래에 MCP 서버 설정을 추가하세요. Mac 시스템에서: 또한 aliyun, modelscope, glama.ai, smithery.ai 또는 HTTP, SSE 프로토콜을 사용하는 다른 플랫폼에서도 사용할 수 있습니다.

개요(AI 번역)

AI MCP로 인어 다이어그램과 차트를 동적으로 생성하세요. 또한 다음과 같은 도구를 사용할 수 있습니다:

  • MCP-서버-차트: 차트, 그래프, 지도를 생성합니다.
  • 인포그래픽을 생성하는 인포그래픽, 예를 들어 Timeline, Comparison, List, Process 등.
  • 🖼️ figure.ling.pub/gallery에서 MCP-mermaid 및 기타 도구로 AI가 생성한 도표와 도표를 탐색하고 공유할 수 있습니다.

✨ 특징

  • Mermaid의 모든 기능과 문법을 완전히 지원합니다.

  • backgroundColor 및 [theme의 구성 지원을 지원하여 대형 AI 모델이 풍부한 스타일 구성을 출력할 수 있습니다.

  • base64, svg, mermaid, file, 원격 친화적인 svg_url, png_url 포맷으로 내보내기를 지원하며, Mermaid에 대한 검증을 통해 모델의 다중 라운드 올바른 문법과 그래픽 출력을 용이하게 합니다. outputType: "file"를 사용해 AI 에이전트가 PNG 다이어그램을 디스크에 자동으로 저장하거나, URL 모드로 공개 mermaid.ink 링크를 통해 다이어그램을 공유할 수 있습니다.

🤖 사용

Claude, VSCode, Cline, Cherry Studio 등과 같은 Desktop APP와 함께 사용하려면 아래에 MCP 서버 설정을 추가하세요. Mac 시스템에서:

윈도우 시스템에서:

또한 aliyun, modelscope, glama.ai, smithery.ai 또는 HTTP, SSE 프로토콜을 사용하는 다른 플랫폼에서도 사용할 수 있습니다.

이 페이지는 AI로 자동 번역되었습니다. 기술적인 세부 사항은 원문을 확인하세요.

README

원문 README의 일부입니다. 원문 보기.

MCP Mermaid

Generate mermaid diagram and chart with AI MCP dynamically. Also you can use:

  • mcp-server-chart to generate chart, graph, map.
  • Infographic to generate infographic, such as Timeline, Comparison, List, Process and so on.
  • 🖼️ figure.ling.pub/gallery to browse and share AI-generated diagrams and figures created with mcp-mermaid and other tools.

✨ Features

  • Fully support all features and syntax of Mermaid.

  • Support configuration of backgroundColor and theme, enabling large AI models to output rich style configurations.

  • Support exporting to base64, svg, mermaid, file, and remote-friendly svg_url, png_url formats, with validation for Mermaid to facilitate the model’s multi-round output of correct syntax and graphics. Use outputType: "file" to automatically save PNG diagrams to disk for AI agents, or the URL modes to share diagrams through public mermaid.ink links.

🤖 Usage

To use with Desktop APP, such as Claude, VSCode, Cline, Cherry Studio, and so on, add the MCP server config below. On Mac system:

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

On Window system:

{
  "mcpServers": {
    "mcp-mermaid": {
      "command": "cmd",
      "args": [
        "/c",
        "npx",
        "-y",
        "mcp-mermaid"
      ]
    }
  }
}

Also, you can use it on aliyun, modelscope, glama.ai, smithery.ai or others with HTTP, SSE Protocol.

Access Points:

  • SSE: http://localhost:3033/sse
  • Streamable: http://localhost:1122/mcp

Available Docker Tags:

  • susuperli/mcp-mermaid:latest - Latest stable version
GitHub에서 전체 README 보기

설치

npx -y mcp-mermaid
MCP 초보자라면? mcpskill.org 가이드부터 시작하세요 →

설정

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