top of page

Einfache Beschreibung und Visualisierung von Prozessschritten

Problemstellung

Die übersichtliche Visualisierung von Prozessen kann besonders bei komplexen Abläufen sehr zeitaufwendig und anspruchsvoll sein. Oft fehlen geeignete Tools, um eine Prozessvisualisierung korrekt und einfach zu erstellen.

Lösung & Anleitung

Mit Hilfe von KI-Tools wie ChatGPT und Claude kann der Prozess der Beschreibung und Visualisierung von Abläufen automatisiert werden. Der Hauptprozess besteht darin, dass Sie den Prozess zunächst in Claude beschreiben und ihn dann auffordern, einen Mermaid-Code sowie eine passende Visualisierung zu erstellen. Anschliessend können Anpassungen vorgenommen werden, bevor der Code in Mermaid.live eingefügt und weiter bearbeitet wird.


Schritt-für-Schritt Anleitung:

1. Prozessbeschreibung in Claude

  • Beschreiben Sie Ihren Prozess in Claude so detailliert wie möglich. Geben Sie an, welche Schritte visualisiert werden sollen. Fordern Sie Claude direkt auf, den Prozess in der Mermaid-Codesprache darzustellen: «Bitte beschreibe den folgenden Prozess so detailliert wie möglich. Gib dabei jeden wichtigen Schritt an und erläutere, welche Schritte visualisiert werden sollen. Nutze die Mermaid-Codesprache, um den Prozess als Diagramm zu erstellen und darzustellen.»


  • Tipp: Falls Sie noch keine Transkriptionssoftware verwenden, können Sie mit der ChatGPT-App unten rechts das Mikrofonzeichen nutzen, um den Prozess mündlich zu beschreiben. Die App transkribiert Ihre Worte ins Eingabefenster, das Sie anschliessend in Claude übertragen können.


2. Generierung des Mermaid-Codes und Visualisierung

  • Claude erstellt einen Mermaid-Code, der den beschriebenen Prozess in einer grafischen Darstellung umsetzt. Sie können Claude auch direkt auffordern, die Visualisierung des Prozesses als Bild zu erzeugen.


3. Anpassung des Prozesses in Claude

  • Falls Änderungen notwendig sind, können Sie Claude die gewünschten Anpassungen mitteilen. Der Code und die Visualisierung werden entsprechend aktualisiert.

4. Einfügen des Codes in Mermaid.live 

  • Kopieren Sie den generierten Mermaid-Code und fügen Sie ihn in Mermaid ein. Die Plattform visualisiert den Prozess interaktiv, sodass Sie die Darstellung weiter bearbeiten und anpassen können.

Alternative Lösung mit ChatGPT Process Pro Plus: Als Alternative zum Claude-Prozess können Sie ChatGPT Process Pro Plus verwenden. Hier wird der Prozess in ChatGPT definiert und direkt eine Visualisierung erstellt, die jedoch als Bild und nicht interaktiv bearbeitet werden kann. Anschliessend kann der Mermaid-Code ebenfalls in Mermaid eingefügt und dort interaktiv bearbeitet werden.




bottom of page