#462
Programacion
Avanzado
Público
v1
Modelos avanzados (Claude 3.5, GPT-4o)
#mermaid
#diagramas
#sistemas
#código
Diagrama de sistema con código Mermaid
Generación de gráficos de flujo automatizados.
Para qué sirve
Generación de gráficos de flujo automatizados.
Cuándo usarlo
Para incluir arquitecturas de sistemas en presentaciones técnicas.
Datos de entrada necesarios
Texto explicativo del sistema.
Resultado esperado
Bloque de código Mermaid.
Ejemplo de uso
Generar diagrama de autenticación de usuario.
Consejos para mejorarlo
Puedes pedir que genere un diagrama de Gantt, de clases o de flujo explícitamente.
Nota del curador
Cierra el bloque 3.6. El uso de Mermaid ahorra horas de dibujo en Visio.
Restricciones
El usuario necesita un visor de Mermaid o pegarlo en Notion/GitHub para renderizarlo.
Prompt completo
Escribe código Mermaid.js para crear un diagrama que describa el siguiente sistema o proceso. Asegúrate de usar la sintaxis correcta:
{DESCRIPCION}
Personalizar prompt
Completa los valores de las variables para generar un prompt personalizado.
Prompt personalizado
Escribe código Mermaid.js para crear un diagrama que describa el siguiente sistema o proceso. Asegúrate de usar la sintaxis correcta:
{DESCRIPCION}