Formatar Conteúdo e Gráficos
Guia sobre como usar a formatação Markdown e renderizar fluxogramas interativos do Mermaid
Aprenda como formatar texto com Markdown e renderizar diagramas interativos do Mermaid no Atoms.
Exibindo Conteúdo Markdown Formatado
O Atoms oferece suporte nativo à formatação Markdown em respostas de chat, documentação e visualizações renderizadas.
Elementos Markdown Compatíveis
- Cabeçalhos: Use
#,##ou###para títulos de seção estruturados. - Ênfase: Use texto em
**bold**ou*italic*. - Listas: Use
-ou1.para listas com marcadores e numeradas. - Blocos de Código: Envolva trechos de código com crases triplas () com destaque de sintaxe da linguagem.
Para solicitar uma saída formatada, basta instruir seu Agente de IA:
- "Por favor, formate sua resposta em Markdown claro, com subtítulos e marcadores."
Exibindo e Renderizando Gráficos Mermaid
O Atoms oferece suporte à renderização de fluxogramas, diagramas de sequência e mapas de arquitetura usando Mermaid.js.
Como Gerar Gráficos Mermaid
Peça ao seu Agente de IA para produzir um diagrama Mermaid:
- "Gere um fluxograma Mermaid ilustrando o ciclo de vida da autenticação do usuário."
Seu agente produzirá um bloco de código Mermaid padrão:
mermaid graph TD; A[User Submits Login] --> B{Valid Credentials?}; B -- Yes --> C[Issue JWT Token & Redirect]; B -- No --> D[Show Error Message];
O Atoms analisa automaticamente esse bloco e o renderiza como um diagrama visual interativo na sua visualização.