Formattare contenuti e grafici
Guida all'uso della formattazione Markdown e al rendering di diagrammi di flusso Mermaid interattivi
Scopri come formattare il testo con Markdown e visualizzare diagrammi Mermaid interattivi in Atoms.
Visualizzazione di contenuti Markdown formattati
Atoms supporta nativamente la formattazione Markdown nelle risposte della chat, nella documentazione e nelle viste renderizzate.
Elementi Markdown supportati
- Intestazioni: usa
#,##o###per titoli di sezione strutturati. - Enfasi: usa testo
**bold**o*italic*. - Liste: usa
-o1.per elenchi puntati e numerati. - Blocchi di codice: racchiudi gli snippet di codice tra tripli backtick () con evidenziazione della sintassi del linguaggio.
Per richiedere un output formattato, è sufficiente dare istruzioni al tuo Agente IA:
- "Per favore, formatta la tua risposta in Markdown chiaro con sottotitoli e punti elenco."
Visualizzazione e rendering di grafici Mermaid
Atoms supporta il rendering di diagrammi di flusso, diagrammi di sequenza e mappe dell'architettura tramite Mermaid.js.
Come generare grafici Mermaid
Chiedi al tuo Agente IA di produrre un diagramma Mermaid:
- "Genera un diagramma di flusso Mermaid che illustri il ciclo di vita dell'autenticazione utente."
Il tuo agente produrrà un blocco di codice Mermaid standard:
mermaid graph TD; A[User Submits Login] --> B{Valid Credentials?}; B -- Yes --> C[Issue JWT Token & Redirect]; B -- No --> D[Show Error Message];
Atoms analizza automaticamente questo blocco e lo visualizza come un diagramma visivo interattivo nella tua vista.