Atoms
Tipps & Tutorials

Inhalte und Diagramme formatieren

Anleitung zur Verwendung von Markdown-Formatierung und zum Rendern interaktiver Mermaid-Flussdiagramme

Erfahren Sie, wie Sie Text mit Markdown formatieren und interaktive Mermaid-Diagramme in Atoms rendern.

Formatierte Markdown-Inhalte anzeigen

Atoms unterstützt nativ Markdown-Formatierung in Chat-Antworten, Dokumentation und gerenderten Ansichten.

Unterstützte Markdown-Elemente

  • Überschriften: Verwenden Sie #, ## oder ### für strukturierte Abschnittsüberschriften.
  • Hervorhebung: Verwenden Sie **bold** oder *italic* Text.
  • Listen: Verwenden Sie - oder 1. für Aufzählungen und nummerierte Listen.
  • Codeblöcke: Umschließen Sie Codeausschnitte mit dreifachen Backticks () mit Syntaxhervorhebung für die jeweilige Sprache.

Um formatierte Ausgabe anzufordern, weisen Sie einfach Ihren KI-Agent an:

  • "Bitte formatiere deine Antwort in klarem Markdown mit Unterüberschriften und Aufzählungspunkten."

Mermaid-Diagramme anzeigen und rendern

Atoms unterstützt das Rendern von Flussdiagrammen, Sequenzdiagrammen und Architekturübersichten mit Mermaid.js.

So erzeugen Sie Mermaid-Diagramme

Fordern Sie Ihren KI-Agent auf, ein Mermaid-Diagramm zu erzeugen:

  • "Erzeuge ein Mermaid-Flussdiagramm, das den Lebenszyklus der Benutzerauthentifizierung veranschaulicht."

Ihr Agent gibt einen standardmäßigen Mermaid-Codeblock aus:

mermaid graph TD; A[User Submits Login] --> B{Valid Credentials?}; B -- Yes --> C[Issue JWT Token & Redirect]; B -- No --> D[Show Error Message];

Atoms analysiert diesen Block automatisch und rendert ihn als interaktives visuelles Diagramm in Ihrer Ansicht.

War diese Seite hilfreich?

Verwandte Artikel