Diagrama con inteligencia: "Claude AI" y "Mermaid Live Editor", la combinación perfecta

Si quieres crear diagramas como el siguiente: 

Únicamente debes hacer lo siguiente (Clic en las imágenes para ver en tamaño más grande):

  1. Ingresas en https://claude.ai/ y crear un usuario. Tiene versión gratuita y de pago, pero la versión gratuita es más que suficiente para esto.
  2. Como prompt o solicitud a Claude, se le debe entregar lo siguiente:  Usando el código que emplea el sitio web Mermaidv Live Editor crea el código de un diagrama de flujo para: [Ingrese tema]. Para el diagrama de ejemplo, el tema fue Comprar un vehículo eléctrico para ser usado como radio taxi.
  3. Una vez que Claude entregue su repuesta, se debe ubicar la sección de código y ubicar la palabra que dice Copy Code, tal como se aprecia en la imagen a continuación, encerrado por un círculo rojo.

  4. Con el código copiado, se debe ingresar en la web https://mermaid.live/edit 
  5. Ahora, la web tendrá distintas secciones que se explican rápidamente en las siguientes imágenes...

  6. El código copiado, se deberá de pegar reemplazando el texto ejemplo que está en la "Zona de Código"
  7. Para que el diagrama se genere,  
  8. Con ello, ya tendremos nuestro diagrama.

Si se desea hacer otro tipo de diagrama, como por ejemplo: una carta Gantt, solamente debemos hacer modificaciones al prompt original, señalando claramente el tipo de diagrama que se desea hacer y entregar la información necesaria para que Claude la pueda trabajar sin problema.

Finalmente, en la web https://mermaid.js.org/syntax/flowchart.html puedes encontrar el manual de códigos de la web Mermaidv Live Editor.

Comentarios

Entradas populares de este blog

300 cosas interesantes

3 algoritmos de machine learning predictivo que todo analista de datos debe conocer

Se acabó el espacio ilimitado de fotos y vídeos de Google Photos, ¿y qué hago ahora?