Refaktorisierung von Mermaid & Graphviz mit KI: Die Entwicklung von VPasCode als Diagramm-as-Code

Die Bewegung „Diagramm-as-Code“ hat verändert, wie Entwickler und technische Teams Visualisierungen verwalten, indem sie diese direkt in versionskontrollierte Arbeitsabläufe integrieren. Beliebte domänenspezifische Sprachen (DSLs) wie Mermaid und Graphviz ermöglichen es Benutzern, komplexe Ablaufdiagramme, Sequenzdiagramme und Graphstrukturen mithilfe von Text zu definieren. Doch je nach Entwicklung der Systeme kann die Pflege und Umgestaltung dieser Skripte ebenso mühsam werden wie die Verwaltung von Standard-Quellcode, was oft tiefgreifende Recherchen in der DSL-Dokumentation erfordert.

Visual Paradigms VPasCode schließt diese Produktivitätslücke, indem es konversationelle künstliche Intelligenz direkt in den Diagrammeditor integriert. Als umfassendes KI-Tool für Diagramm-as-Code, ermöglicht es Ingenieuren, ihre Diagramme mit derselben Geschwindigkeit zu pflegen, die sie bei ihren Softwareanwendungen anwenden: durch einfache Textanweisungen zur Umgestaltung.

Weiter als manuelle Pflege von DSL-Skripten hinaus

Typischerweise muss ein Entwickler bei Änderungen im Ablauf oder bei einer Neustrukturierung eines Systemkomponenten manuell die entsprechenden Zeilen im Mermaid-Ablaufdiagramm oder im Graphviz-DOT-Skript finden und komplexe Syntaxänderungen vornehmen. Diese Hürde führt oft dazu, dass die Dokumentation hinter der tatsächlichen Implementierung zurückbleibt.

VPasCode verändert diese Situation. Neben der Funktion als erster KI-Mermaid-Generator, spezialisiert sich die Plattform auf interaktive Änderungen. Wenn ein bestehender komplexer Ablauf einen neuen Zweig benötigt, kann ein Teammitglied das Tool einfach mit natürlicher Sprache auffordern, *„eine Fehler-Rückfallroute zum Zahlungsprozessschritt hinzuzufügen“*.

Die folgenden Schritte zeigen Ihnen, wie Sie ein Mermaid-Ablaufdiagramm mit Visual Paradigm VPasCode erstellen.

1. Klicken Sie auf AI Generieren in der oberen Leiste.

   

2. Geben Sie Ihren Problemkontext und die Anforderung zur Erstellung eines Ablaufdiagramms ein. Sie können Mermaid/Ablaufdiagramm als Format auswählen, dies ist jedoch optional. Solange Sie den Diagrammtyp genannt haben, weiß die KI es. Klicken Sie, wenn Sie bereit sind, auf KI Generieren.

   

3. Die nachfolgende Abbildung zeigt ein von der KI generiertes Mermaid-Ablaufdiagramm.

   

   Mermaid
   
   
   Mermaid in VPasCode bearbeiten
   

   Mermaid Edit Mermaid in VPasCode

   flowchart TD
       A[Antrag eingereicht] --> B{Ist der Antrag vollständig?}
       B -- Nein --> A
       B -- Ja --> C[Anspruchsabwickler zuweisen]
       C --> D[Anspruch prüfen]
       D --> E{Prüfungsergebnis}
       E -- Zusätzliche Informationen erforderlich --> F[Zusätzliche Dokumente anfordern]
       F --> D
       E -- Antrag bestätigt --> G[Schadensersatz schätzen]
       G --> H[Genehmigung durch Management einholen]
       H --> I{Genehmigt?}
       I -- Nein --> J[Anspruchssteller über Ablehnung informieren]
       I -- Ja --> K[Zahlung bearbeiten]
       K --> L[Anspruchssteller informieren]
       J --> L
       L --> M[Antrag schließen]</code?

   Edit Mermaid in VPasCode

   
   
   Mermaid in VPasCode bearbeiten
   

So refaktorisieren Sie Diagramme mit einfachen Textanweisungen für KI

Der Prozess der Modernisierung und Erweiterung bestehender visueller Skripte innerhalb von VPasCode ist einfach und direkt in die Bearbeitungsfläche integriert.

1. Wählen Sie das KI-Tool: Klicken Sie im linken Bereich des Code-Editors auf die KI Schaltfläche und wählen Sie die Ändern Aktion aus.

   

2. Anweisungen eingeben:Geben Sie die Umgestaltungsanweisung in einfacher Sprache ein. Zum Beispiel könnte ein Benutzer, der mit einem Graphviz-Cluster arbeitet, eingeben:„Fügen Sie einen Betrugsüberprüfungs-Schritt vor der Schätzung der Zahlung hinzu, wenn die Untersuchung verdächtige Aktivitäten identifiziert.“.

   

3. Änderung ausführen:Klicken Sie aufAI ändern. VPasCode aktualisiert sofort das zugrundeliegende Skript und aktualisiert die Live-Ansicht und fungiert als conversationalKI-Code-Änderungswerkzeug für DSLs.

Sicherstellen der Datenkorrektheit durch visuelle Code-Vergleichsanzeige

Technische Dokumentation muss präzise sein. Um sicherzustellen, dass die von der KI generierte Umgestaltung perfekt mit der vorgesehenen Architektur übereinstimmt, enthält VPasCode eine detaillierte„Details anzeigen“Option nach jeder Änderung.

Durch Klicken darauf wird ein spezialisierter Inspektionsbereich geöffnet, der einen Seiten-zu-Seite-Code-Vergleich bietet. Entwickler können die genauen Textänderungen (Hinzufügungen und Löschungen) im linken Fenster überprüfen, während sie das ursprüngliche Diagramm mit dem aktualisierten Modell im rechten Fenster vergleichen. Diese Transparenz stellt sicher, dass die technische Governance gewahrt bleibt und die KI somit ein Beschleuniger statt ein schwarzes Loch ist.

Der Einfluss von conversationaler KI auf Diagramm-Workflows

• Kein Lernkurve für DSL-Syntax:Neue Teammitglieder können bestehende Mermaid- oder Graphviz-Visualisierungen bearbeiten, ohne die Syntax zuerst zu beherrschen, und nutzen VPasCode als einKI-Diagramm-Editor.
• Schnelle Iteration:Dokumentation kann so schnell aktualisiert werden, wie sich die Anforderungen während der Sprint-Reviews ändern.
• Automatische Erkennung und Behebung: Wenn manuelle Änderungen Fehler verursachen, repariert das Plattform-KI-Fehlerbehebungswerkzeug das Skript automatisch und erläutert die Korrektur.

Für technische Teams, die Visualisierungen bereits mit Code verwalten, maximiert die Hinzufügung der natürlichen Sprache Interaktion Effizienz und Wartbarkeit. Sie können diesen KI-optimierten Workflow sofort imVPasCode Diagram-as-Code-Editor.