Mermaid-Diagramme ohne erfundene Verbindungen erstellen.
Kodieren Sie Beziehungen klar mit Syntax des Zielrenderers. Prüfen Sie die Darstellung dort und halten Sie Beschriftungen am gelieferten Prozess.
Passe den Ablauf an deine Aufgabe an.
Listen Sie Schritte, Entscheidungen und Beziehungen vor der Diagrammart. Nutzen Sie kurze Labels und Syntax der Zielversion von Mermaid. Rendern Sie und prüfen Sie Syntax sowie Pfeillogik.
- Was du bereitstellst
- Prozess, Beziehungen oder Systembeschreibung.
- Was du erhältst
- Mermaid-Quelle passend zur beschriebenen Struktur.
Sieh dir Eingabe und Ergebnis an.
Beispielhafte Ein- und Ausgabe · ein Lehrbeispiel, kein tatsächlicher WebAct-Durchlauf
Beispiel Eingabe
Process: receive a request, review it, then either approve or ask for revision.
Vollständiges Beispiel
flowchart TD
A[Receive request] --> B{Meets requirements?}
B -- Yes --> C[Approve]
B -- No --> D[Request revision]
Validate this syntax in the target Mermaid renderer before sharing.Lade diese Eingabe in den Prompt und kopiere ihn zum Ausprobieren nach WebAct. Dein Ergebnis kann vom Beispiel abweichen.
Entscheidungen und Fehlerbehebung.
Soll ein Pfeil nur für einen verbundenen Eindruck ergänzt werden?
Nur wenn die Beziehung im Prozess existiert. Fehlende Beziehungen bleiben Fragen, kein erfundener Ablauf.
Warum scheitert scheinbar gültiges Mermaid im Zieleeditor?
Renderer-Versionen oder Funktionen unterscheiden sich. Testen Sie dort und vereinfachen Sie nicht unterstützte Syntax.
Quelle für diesen Arbeitsablauf.
Probiere es mit deiner eigenen Quelle.
Ersetze das Beispiel im Aufgaben-Prompt durch dein Material. Behalte nötige Anforderungen bei und kopiere die Aufgabe nach WebAct.
Aufgabe anpassen und kopieren ↑