Zum Inhalt springen
Mernyx
Menü öffnen

Mermaid Agent-Flow-Diagramm-Spickzettel

Die Schritte eines Agenten und die Art jedes Schritts.

Jedes Bild auf dieser Seite wurde gezeichnet vonMernyx, dem nativen Mermaid-Editor für macOS. Nicht von einem Browser mit Mermaid.js, sondern vom Renderer, den die App für ihr Canvas nutzt.

Ein Flow-Block

Ein Flow ist ein Block, der die Schritte in sich enthält. Das Schlüsselwort end schließt ihn.

agentflow-beta TB
  flow worker["Worker"]
    job["Do the job"]@{ shape: task }
  end
Ein Agent-Flow-Diagramm mit einer Gruppe namens „Worker“, die einen einzelnen Schritt „Do the job“ enthält.Diagramm vergrößern

Was für ein Schritt es ist

Das Wort nach shape: sagt, was der Schritt ist. input, task, tool, decision, action und refdoc sind die sechs.

agentflow-beta LR
  brief["Brief"]@{ shape: input }
  draft["Draft copy"]@{ shape: task }
  check["spell_check"]@{ shape: tool }
  guide["Style guide"]@{ shape: refdoc }
  ship["Publish"]@{ shape: action }
  ok["Ready?"]@{ shape: decision }
  brief --> draft --> check --> ship
  ok --> ship
Ein Agent-Flow-Diagramm von links nach rechts mit sechs Schritten: ein Briefing, ein Entwurf, ein Rechtschreibprüfungs-Werkzeug, ein Styleguide, eine Veröffentlichungsaktion und eine Bereitschaftsentscheidung.Diagramm vergrößern

Pfeilarten

Ein Pfeil mit Beschriftung sagt, warum. Ein Kreuz ist ein Wiederholungsversuch, eine gepunktete Linie zeigt auf etwas zum Lesen.

agentflow-beta TB
  check["Tests pass?"]@{ shape: decision }
  ship["Ship it"]@{ shape: action }
  fix["Fix the build"]@{ shape: task }
  logs["Build logs"]@{ shape: refdoc }
  check -- yes --> ship
  check -- no --> fix
  fix --x check
  fix -.- logs
Eine Entscheidung fragt, ob die Tests bestehen, und verzweigt bei Ja zu „Ship it“ und bei Nein zu „Fix the build“, mit einer gepunkteten Linie von der Korrektur zu einer Box mit Build-Logs.Diagramm vergrößern

Verschachtelte Flows

Ein Flow kann andere Flows enthalten. Die inneren sind die Subagenten.

agentflow-beta TB
  flow team["Content Team"]
    flow researcher["Researcher"]
      gather["Gather sources"]@{ shape: task }
    end
    flow writer["Writer"]
      compose["Compose draft"]@{ shape: task }
    end
    researcher --> writer
  end
Ein Flow namens „Content Team“ mit zwei Flows darin, „Researcher“ und „Writer“, durch einen Pfeil verbunden, jeder mit einem Schritt.Diagramm vergrößern

In Mernyx zeichnen

Öffne eine .mmd-Datei, verschiebe einen Knoten auf dem Canvas, und der Quellcode kommt mit. Nativ auf macOS, ohne Browser dazwischen.

Diagrammvorschau