MCP cover image
See in Github
2025-04-10

MCP服务器用于图表

2

Github Watches

0

Github Forks

1

Github Stars

MCP-Diagram

Un serveur MCP (Model-Client-Protocol) pour générer facilement des diagrammes à partir de descriptions textuelles dans Claude et d'autres assistants IA.

🌟 Fonctionnalités

MCP-Diagram permet de créer facilement différents types de diagrammes directement depuis votre conversation avec Claude :

  • Diagrammes d'architecture (D2Lang et Mermaid)
  • Diagrammes de classes UML (Mermaid)
  • Diagrammes Entité-Relation (Mermaid)
  • Diagrammes de séquence (Mermaid)
  • Diagrammes Gantt (Mermaid)
  • Cartes mentales (Mermaid)
  • Frises chronologiques (Mermaid)

📋 Prérequis

  • Java Runtime Environment (JRE) 17 ou supérieur
  • Claude Desktop installé (pour l'intégration avec Claude)

🚀 Installation

Étape 1 : Télécharger le serveur MCP

Téléchargez le fichier JAR depuis la dernière version.

Étape 2 : Configuration de Claude Desktop

Ajoutez le serveur à votre fichier claude_desktop_config.json :

{
    "mcpServers": {
        "mcp-diagram": {
            "command": "java",
            "args": [
                "-jar",
                "CHEMIN/VERS/mcp-diagram-X.Y.Z.jar"
            ]
        }
    }
}

⚠️ Important : Remplacez CHEMIN/VERS/mcp-diagram-X.Y.Z.jar par le chemin complet où vous avez téléchargé le fichier JAR. ("C:\CHEMIN\VERS\mcp-diagram-1.0.0.jar" sous Windows)

🔧 Utilisation

Une fois configuré, vous pouvez simplement demander à Claude de créer des diagrammes en décrivant ce que vous souhaitez. Le serveur MCP s'occupera du reste !

Fonctions disponibles

1. getD2LangComplexDiagram

Génère un diagramme complexe en utilisant la grammaire déclarative D2Lang, parfait pour des architectures logicielles ou réseaux.

2. getMermaidClassDiagram

Génère un diagramme de classes UML en utilisant la syntaxe Mermaid.

3. getMermaidComplexDiagram

Génère un diagramme complexe en utilisant la syntaxe Mermaid (architecture logicielle, réseau, etc.).

4. getMermaidErDiagram

Génère un diagramme Entité-Relation en utilisant la syntaxe Mermaid.

5. getMermaidGanttDiagram

Génère un diagramme de Gantt en utilisant la syntaxe Mermaid.

6. getMermaidMindMapDiagram

Génère une carte mentale en utilisant la syntaxe Mermaid.

7. getMermaidSequenceDiagram

Génère un diagramme de séquence en utilisant la syntaxe Mermaid.

8. getMermaidTimelineDiagram

Génère une frise chronologique en utilisant la syntaxe Mermaid.

📝 Exemple d'utilisation

Voici un exemple de prompt pour générer un diagramme d'architecture AWS :

Crée un diagramme d2lang d'une architecture AWS avec un CloudWatch qui utilise une lambda en tant qu'orchestrator. 
La lambda utilise un SNS, un DynamoDB et un EC2 dans un autoscaling group. 
L'EC2 se connecte aussi au même dynamoDB. 
L'EC2 dans un autoscaling group utilise une Amazon EFS en source et un autre en backup. 
L'EC2 et les EFS sont dans un VPC. 
L'EC2 utilise aussi un Amazon S3.

Le résultat sera un lien vers le diagramme généré que vous pourrez visualiser dans votre navigateur.

Example Complex Diagram

🔍 Dépannage

Le serveur MCP ne démarre pas

  • Vérifiez que Java version 17 ou plus est correctement installé (java -version)
  • Assurez-vous que le chemin vers le fichier JAR est correct dans votre configuration
  • Assurez-vous que le fichier JAR téléchargé ait bien l'autorisation de s'exécuter (dans les "propriétés" du fichier JAR)

Les diagrammes ne s'affichent pas

  • Vérifiez que votre navigateur peut accéder à Internet
  • Assurez-vous que les URLs générées ne sont pas bloquées par un pare-feu

📄 Licence

Ce projet est sous licence MIT - voir le fichier LICENSE pour plus de détails.

相关推荐

  • https://suefel.com
  • Latest advice and best practices for custom GPT development.

  • Yusuf Emre Yeşilyurt
  • I find academic articles and books for research and literature reviews.

  • https://maiplestudio.com
  • Find Exhibitors, Speakers and more

  • Carlos Ferrin
  • Encuentra películas y series en plataformas de streaming.

  • Joshua Armstrong
  • Confidential guide on numerology and astrology, based of GG33 Public information

  • Emmet Halm
  • Converts Figma frames into front-end code for various mobile frameworks.

  • Elijah Ng Shi Yi
  • Advanced software engineer GPT that excels through nailing the basics.

  • Alexandru Strujac
  • Efficient thumbnail creator for YouTube videos

  • lumpenspace
  • Take an adjectivised noun, and create images making it progressively more adjective!

  • Lists Tailwind CSS classes in monospaced font

  • https://appia.in
  • Siri Shortcut Finder – your go-to place for discovering amazing Siri Shortcuts with ease

  • apappascs
  • 发现市场上最全面,最新的MCP服务器集合。该存储库充当集中式枢纽,提供了广泛的开源和专有MCP服务器目录,并提供功能,文档链接和贡献者。

  • ShrimpingIt
  • MCP系列GPIO Expander的基于Micropython I2C的操作,源自ADAFRUIT_MCP230XX

  • modelcontextprotocol
  • 模型上下文协议服务器

  • Mintplex-Labs
  • 带有内置抹布,AI代理,无代理构建器,MCP兼容性等的多合一桌面和Docker AI应用程序。

  • jae-jae
  • MCP服务器使用剧作《无头浏览器》获取网页内容。

  • ravitemer
  • 一个功能强大的Neovim插件,用于管理MCP(模型上下文协议)服务器

  • patruff
  • Ollama和MCP服务器之间的桥梁,使本地LLMS可以使用模型上下文协议工具

  • pontusab
  • 光标与风浪冲浪社区,查找规则和MCP

    Reviews

    1 (1)
    Avatar
    user_Z1dM7KrD
    2025-04-18

    I've been using mcp-diagram by tenpigs267 and it has revolutionized my workflow. The intuitive design and powerful features make creating diagrams effortless. Whether you're a novice or an expert, this tool is a must-have. Highly recommend checking it out at https://github.com/tenpigs267/mcp-diagram!