Skip to content

Instantly share code, notes, and snippets.

@michaelmr
Last active April 21, 2025 19:24
Show Gist options
  • Save michaelmr/414d53abfda57a50d53ef3580be910b7 to your computer and use it in GitHub Desktop.
Save michaelmr/414d53abfda57a50d53ef3580be910b7 to your computer and use it in GitHub Desktop.
prompt diagrama mermaid
Aspectos a tener en cuenta para generar un diagrama Mermaid usando la sintaxis flowchart:
- Usa `flowchart LR` o `flowchart TD`.
- Asegúrate de usar una versión reciente de Mermaid (ej. v11.6.0 o superior).
- Define nodos con: `ID[Texto Etiqueta]`.
- **Importante:** Si el `Texto Etiqueta` contiene caracteres especiales como `()`, `[]`, `{}` o comillas, encierra **toda** la etiqueta entre comillas dobles: `ID["Texto con<br>(paréntesis)"]`.
- Prefiere etiquetas en una sola línea; usa `<br>` solo si es necesario y verifica que funcione.
- Define conexiones sin etiqueta con: `ID1 --> ID2`.
- Define conexiones con etiqueta usando: `ID1 -- "Texto Etiqueta<br>Con Salto" --> ID2`. Siempre usa comillas `""` para las etiquetas de conexión (obligatorio si hay espacios o `<br>`).
- Usa comentarios `%%` únicamente en líneas separadas, NUNCA en la misma línea después de código (`código %% comentario` -> MAL).
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment