Atoms
Tips och handledningar

Formatera innehåll och diagram

Guide för att använda Markdown-formatering och rendera interaktiva Mermaid-flödesscheman

Lär dig hur du formaterar text med Markdown och renderar interaktiva Mermaid-diagram i Atoms.

Visa formaterat Markdown-innehåll

Atoms har inbyggt stöd för Markdown-formatering i chatsvar, dokumentation och renderade vyer.

Markdown-element som stöds

  • Rubriker: Använd #, ## eller ### för strukturerade avsnittsrubriker.
  • Betoning: Använd text i **bold** eller *italic*.
  • Listor: Använd - eller 1. för punktlistor och numrerade listor.
  • Kodblock: Omslut kodavsnitt med tre bakåtvända citationstecken () med syntaxmarkering för språk.

För att begära formaterad utdata instruerar du helt enkelt din AI Agent:

  • "Formatera ditt svar i tydlig Markdown med underrubriker och punktlistor."

Visa och rendera Mermaid-diagram

Atoms stöder rendering av flödesscheman, sekvensdiagram och arkitekturkartor med Mermaid.js.

Så genererar du Mermaid-diagram

Be din AI Agent att skapa ett Mermaid-diagram:

  • "Generera ett Mermaid-flödesschema som illustrerar användarautentiseringens livscykel."

Din agent kommer att mata ut ett standardkodblock för Mermaid:

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

Atoms tolkar automatiskt detta block och renderar det som ett interaktivt visuellt diagram i din vy.

Var den här sidan hjälpsam?

Relaterade artiklar