Atoms
Tips & Tutorials

Inhoud en diagrammen opmaken

Handleiding voor het gebruik van Markdown-opmaak en het weergeven van interactieve Mermaid-stroomdiagrammen

Leer hoe je tekst kunt opmaken met Markdown en interactieve Mermaid-diagrammen kunt weergeven in Atoms.

Opgemaakte Markdown-inhoud weergeven

Atoms ondersteunt standaard Markdown-opmaak in chatreacties, documentatie en weergegeven weergaven.

Ondersteunde Markdown-elementen

  • Koppen: Gebruik #, ## of ### voor gestructureerde sectiekoppen.
  • Nadruk: Gebruik **bold** of *italic* tekst.
  • Lijsten: Gebruik - of 1. voor opsommingen met opsommingstekens en genummerde lijsten.
  • Codeblokken: Plaats codefragmenten tussen drie backticks () met syntaxisaccentuering voor de taal.

Om opgemaakte uitvoer aan te vragen, geef je eenvoudig je AI Agent de instructie:

  • "Formatteer je reactie als duidelijke Markdown met subkoppen en opsommingstekens."

Mermaid-diagrammen weergeven en renderen

Atoms ondersteunt het renderen van stroomdiagrammen, sequentiediagrammen en architectuurkaarten met Mermaid.js.

Hoe Mermaid-diagrammen te genereren

Vraag je AI Agent om een Mermaid-diagram te maken:

  • "Genereer een Mermaid-stroomdiagram dat de levenscyclus van gebruikersauthenticatie illustreert."

Je agent geeft een standaard Mermaid-codeblok weer:

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

Atoms parseert dit blok automatisch en rendert het als een interactief visueel diagram in je weergave.

Was deze pagina nuttig?

Gerelateerde artikelen