MCP-Diagram

by tenpigs267

506 downloads

Not rated

GitHub

Other

About

MCP-Diagram is an MCP (Model-Client-Protocol) server that generates diagrams from textual descriptions inside Claude and other AI assistants. It supports multiple diagram types through D2Lang and Mermaid syntax, making it ideal for developers and architects who want to quickly…

Details

Author: tenpigs267
Downloads: 506
Categories: Other

Setting up with Highlight

This MCP is not yet compatible with Highlight’s one-click setup. However, you can still use it with Highlight by following these steps:

Download and install Highlight from highlightai.com/download
Navigate to the plugins tab and select "Add Custom Plugin"
Configure the plugin with the settings below

Plugin Name MCP-Diagram

Command (node, npx, python, etc.)

Please refer to the README for specific instructions on how to obtain API keys or other required environment variables.
Enable "Start Automatically" if you want the plugin to start when Highlight launches

Setting up with Cursor

Open Cursor's settings
Navigate to the MCP section
Click "Add new Global MCP server"
Copy and paste the configuration below based on your operating system

JSON

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

JSON

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

JSON

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

Setting up with Claude Desktop

Open Claude Desktop's settings
Go to the Integrations tab
Click "Add MCP Server"
Use the configuration below based on your operating system

Note: Make sure Claude Desktop is running before attempting to connect.

JSON

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

JSON

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

JSON

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

Setting up with Windsurf

Open Windsurf's preferences
Go to the Integrations section
Click "Add MCP Integration"
Use the configuration below based on your operating system

JSON

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

JSON

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

JSON

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

Setting up with Cline

Open Cline's settings
Navigate to the Integrations section
Click "Add MCP Server"
Copy and paste the configuration below based on your operating system

Note: Make sure to restart Cline after adding the configuration.

JSON

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

JSON

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

JSON

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

Setting up with Goose

Open Goose's preferences
Go to the Integrations tab
Select "MCP Servers"
Click "Add New Server"
Use the configuration below based on your operating system

JSON

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

JSON

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

JSON

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

From the repository

Download the latest JAR file and add the server to your claude_desktop_config.json with the command java -jar path/to/mcp-diagram-X.Y.Z.jar. Once configured, simply ask Claude to create a diagram—the server handles generation and returns a viewable link.

Claude Desktop / Cursor

Paste into your MCP client config file to install this server.

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

McpServers

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

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.

No reviews yet — be the first

Use Google, GitHub, or an email account so ratings stay tied to real people.

Email sign in

No reviews posted yet.

About

Details

Jump to

Setting up with Highlight

From the repository

Claude Desktop / Cursor

McpServers

MCP-Diagram

🌟 Fonctionnalités

📋 Prérequis

🚀 Installation

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

Étape 2 : Configuration de Claude Desktop

🔧 Utilisation

Fonctions disponibles

1. getD2LangComplexDiagram

2. getMermaidClassDiagram

3. getMermaidComplexDiagram

4. getMermaidErDiagram

5. getMermaidGanttDiagram

6. getMermaidMindMapDiagram

7. getMermaidSequenceDiagram

8. getMermaidTimelineDiagram

📝 Exemple d'utilisation

🔍 Dépannage

Le serveur MCP ne démarre pas

Les diagrammes ne s'affichent pas

📄 Licence

Install

More like this

Sequential Thinking

Filesystem

EverArt

Google Drive

Reactive Resume

FastMCP v2 🚀

1. `getD2LangComplexDiagram`

2. `getMermaidClassDiagram`

3. `getMermaidComplexDiagram`

4. `getMermaidErDiagram`

5. `getMermaidGanttDiagram`

6. `getMermaidMindMapDiagram`

7. `getMermaidSequenceDiagram`

8. `getMermaidTimelineDiagram`