MasterGo Magic MCP

MasterGo Magic MCP ist ein eigenständiger MCP-Dienst (Model Context Protocol), der MasterGo-Designtools mit KI-Modellen verbindet. Er ermöglicht KI-Modellen den direkten Abruf von DSL-Daten aus MasterGo-Designdateien.

Hauptmerkmale

• Ruft DSL-Daten aus MasterGo-Designdateien ab

• Läuft direkt mit npx

• Keine externen Abhängigkeiten erforderlich, nur Node.js-Umgebung erforderlich

Related MCP server: MCP Boilerplate

Lernprogramm

• https://mastergo.com/file/155675508499265?page\_id=158:0002

Verwendung

MG_MCP_TOKEN erhalten

1. Besuchen Sie https://mastergo.com

2. Persönliche Einstellungen eingeben

3. Klicken Sie auf die Registerkarte Sicherheitseinstellungen

4. Suchen des persönlichen Zugriffstokens

5. Klicken Sie hier, um das Token zu generieren

Befehlszeilenoptionen

npx @mastergo/magic-mcp --token=YOUR_TOKEN [--url=API_URL] [--rule=RULE_NAME] [--debug]

Parameter:

• --token=YOUR_TOKEN (erforderlich): MasterGo API-Token zur Authentifizierung

• --url=API_URL (optional): API-Basis-URL, standardmäßig http://localhost:3000

• --rule=RULE_NAME (optional): Designregeln hinzufügen, die angewendet werden sollen, kann mehrfach verwendet werden

• --debug (optional): Aktiviert den Debug-Modus für detaillierte Fehlerinformationen

Sie können für Parameter auch ein durch Leerzeichen getrenntes Format verwenden:

npx @mastergo/magic-mcp --token YOUR_TOKEN --url API_URL --rule RULE_NAME --debug

LINGMA-Nutzung

Suchen Sie im VSCode-Erweiterungsmarktplatz nach LINGMA und installieren Sie es.

Klicken Sie nach der Anmeldung im Chatfenster auf [MCP-Tools].

Klicken Sie oben auf [MCP Square], um den MCP-Marktplatz aufzurufen, suchen Sie das Design-Zusammenarbeitstool MasterGo und installieren Sie es.

Gehen Sie nach der Installation zurück zu [MCP-Server] und bearbeiten Sie unseren MCP-Dienst, um ihn durch Ihr eigenes MasterGo-Token zu ersetzen.

Schalten Sie abschließend den Chat-Modus in der Chat-Oberfläche in den Agentenmodus um.

Cursor-Nutzung

Referenz zur Cursor Mcp-Nutzungsanleitung: https://docs.cursor.com/context/model-context-protocol#using-mcp-tools-in-agent

{
  "mcpServers": {
    "mastergo-magic-mcp": {
      "command": "npx",
      "args": [
        "-y",
        "@mastergo/magic-mcp",
        "--token=<MG_MCP_TOKEN>",
        "--url=https://mastergo.com"
      ],
      "env": {}
    }
  }
}

cline-Nutzung

{
  "mcpServers": {
    "@master/mastergo-magic-mcp": {
      "command": "npx",
      "args": [
        "-y",
        "@mastergo/magic-mcp",
        "--token=<MG_MCP_TOKEN>",
        "--url=https://mastergo.com"
      ],
      "env": {}
    }
  }
}

Projektstruktur

src-Verzeichnis

Das src -Verzeichnis enthält die Kernimplementierung des MasterGo Magic MCP-Dienstes:

• index.ts : Einstiegspunkt der Anwendung, die den MCP-Server initialisiert und alle Tools registriert

• http-util.ts : Dienstprogramm zur Verarbeitung von HTTP-Anfragen an die MasterGo-API

• types.d.ts : TypeScript-Typdefinitionen für das Projekt

src/tools

Enthält Implementierungen von MCP-Tools:

• base-tool.ts : Basisklasse für alle MCP-Tools

• get-dsl.ts : Tool zum Abrufen von DSL-Daten (Domain Specific Language) aus MasterGo-Designdateien

• get-component-link.ts : Tool zum Abrufen der Komponentendokumentation aus Links

• get-meta.ts : Tool zum Abrufen von Metadateninformationen

• get-component-workflow.ts : Tool, das einen strukturierten Komponentenentwicklungs-Workflow für Vue- und React-Komponenten bereitstellt und Workflow-Dateien und Komponentenspezifikationen generiert

src/markdown

Enthält Markdown-Dateien mit zusätzlicher Dokumentation:

• meta.md : Dokumentation zur Struktur und Verwendung von Metadaten

• component-workflow.md : Dokumentation des Komponentenentwicklungs-Workflows, die den strukturierten Komponentenentwicklungsprozess leitet

Lokale Entwicklung

1. Führen Sie yarn und yarn build aus, um Abhängigkeiten zu installieren und den Code zu erstellen

2. Suchen Sie den absoluten Pfad von bin/cli.js

3. Fügen Sie mit Ihrem Token eine lokale MCP-Konfiguration hinzu

"mastergo-mcp-local": {
  "command": "node",
  "args": [
    "absolute/path/to/bin/cli.js",
    "--token=mg_xxxxxx",
    "--url=https://mastergo.com",
    "--debug"
  ],
  "env": {}
},

4. Starten Sie Ihren Editor neu, um sicherzustellen, dass das lokale MCP aktiviert ist

Nach erfolgreicher Ausführung können Sie anhand der lokal ausgeführten Ergebnisse debuggen. Sie können Ihren eigenen MCP-Dienst basierend auf Ihren Änderungen erstellen.

Wir freuen uns über Ihre Code-Beiträge und darauf, gemeinsam den MCP-Dienst von MasterGo aufzubauen.

Lizenz

ISC