Dar formato al contenido y los gráficos

Aprende a dar formato al texto con Markdown y a representar diagramas interactivos de Mermaid en Atoms.

Mostrar contenido Markdown con formato

Atoms admite de forma nativa el formato Markdown en las respuestas del chat, la documentación y las vistas renderizadas.

Elementos de Markdown compatibles

• Encabezados: Usa #, ## o ### para encabezados de sección estructurados.
• Énfasis: Usa texto **bold** o *italic*.
• Listas: Usa - o 1. para listas con viñetas y numeradas.
• Bloques de código: Encierra fragmentos de código entre comillas invertidas triples () con resaltado de sintaxis del lenguaje.

Para solicitar una salida con formato, simplemente indícale a tu Agente de IA:

• "Por favor, da formato a tu respuesta en Markdown claro con subtítulos y viñetas."

---

Mostrar y renderizar gráficos Mermaid

Atoms admite la renderización de diagramas de flujo, diagramas de secuencia y mapas de arquitectura mediante Mermaid.js.

Cómo generar gráficos Mermaid

Pídele a tu Agente de IA que produzca un diagrama Mermaid:

• "Genera un diagrama de flujo de Mermaid que ilustre el ciclo de vida de la autenticación del usuario."

Tu agente generará un bloque de código Mermaid estándar:

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

Atoms analiza automáticamente este bloque y lo renderiza como un diagrama visual interactivo en tu vista.