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

Publicar un comentario

Entradas populares de este blog

Domina tus Ideas: Cómo Crear Mapas Mentales con Inteligencia Artificial

Imagen
En este mini tutorial, aprenderás cómo transformar ideas complejas en mapas mentales visuales e informativos de forma gratuita utilizando alguna IA como Copilot, Claude, Gemini o ChatGPT, por nombrar algunas. Paso a paso: Dirígete a la IA de preferencia. Escriba el siguiente mensaje: "Crea un mapa mental de [su tema]. Enumera los temas como ideas centrales, ramas principales y subramas". Consejo, mientras más información le señales del tema sobre el cual debe hacer el mapa mental, más ramas y profundidad tendrá el mapa mental, por lo cual debes siempre considerar el nivel de profundidad que deseas que tenga el mapa mental a generar. Una vez que la IA genere el esquema inicial del mapa mental, se le debe pedir que ahora lo escriba en Formato Markdown: "Ahora, crea este mismo mapa mental en formato markdown". El resultado que entregue la IA, debes ir a la web https://markmap.js.org/ y luego pega el markdown en Markmap y observa el mapa mental cobrar vida. Ejemplo (C...
Leer más

Claves para elegir tu próximo dispositivo tecnológico

Imagen
  La inteligencia artificial (IA) ha evolucionado rápidamente en los últimos años y está transformando la forma en que trabajamos, creamos y socializamos. También, es cosa de tiempo que lleguen las computadoras/notebook que puedan ejecutar IA de forma local (en el mismo equipo) versus a lo que hoy (junio 2024) se realiza de forma remota (vía internet). Dado esto, es importante señalar que cuando se esté analizando la compra de un computador/notbook en los próximos meses, aparte del procesador, memoria RAM, almacenamiento, velocidad de conexión, número de puertos USB, versión WiFi, entre otros, se deberá de también considera los TOPs y Tokens que pueda alcanzar. ¿Qué son estos últimos términos?  Sin duda, son los TOPs y Tokens son dos conceptos claves relacionados con la IA.  TOPs (Trillones de Operaciones por Segundo): Los TOPs son una medida de rendimiento que se refiere a la cantidad de operaciones que un componente (como una NPU) puede realizar en un segundo. Por ejemp...
Leer más