mcp-diagram

mcp-diagram

3.3

If you are the rightful owner of mcp-diagram and would like to certify it and/or have it hosted online, please leave a comment on the right or send an email to henry@mcphub.com.

MCP-Diagram is a server that facilitates the generation of diagrams from textual descriptions using Claude and other AI assistants.

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.

🔍 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 pour plus de détails.