Workshop y Stations
TeachFORGE.ai
Workshop / Mermaid
Mermaid Station
Construye diagramas de flujo, de secuencia, de clases, Gantt y más a partir de texto plano — previsualízalos como SVG y convierte un diagrama en tantas versiones de clase como necesites.
La IA puede redactar un borrador. Tú decides qué ve la clase.
Qué es Mermaid
Mermaid es una forma de dibujar diagramas a partir de texto plano. Describes un diagrama de flujo, de secuencia, de clases, Gantt o mapa mental en un lenguaje corto y legible — y el resultado es un SVG limpio con el que puedes enseñar.
Importa en la enseñanza porque el proceso y la estructura cambian a mitad de la lección. Edita una línea y el diagrama se actualiza — sin redibujar cajas a mano ni buscar una captura del año pasado.
Por qué los docentes usan Mermaid
Mapas de proceso y decisión
Diagramas de flujo para métodos, algoritmos y rutas de decisión en el aula que se mantienen editables.
Interacciones en el tiempo
Diagramas de secuencia para protocolos, historias e intercambios paso a paso.
Cronogramas y proyectos
Vistas tipo Gantt cuando el orden y la duración forman parte del punto de enseñanza.
Mapas de conceptos y datos
Mapas mentales, diagramas ER y estructuras de clases para temas que necesitan relaciones visibles.
En TeachForge, Mermaid es una Station del Workshop — hecha para pasar de la idea a la enseñanza en vivo sin salir de la plataforma.
Dentro de la Mermaid Station
Como el resto del Workshop, Mermaid te da un espacio de trabajo familiar: refina de un lado, ve el diagrama del otro.
- Editor de código Mermaid para control total del lenguaje del diagrama
- Constructor paramétrico cuando prefieres controles y paquetes de catálogo en lugar del DSL en bruto
- Herramientas de tipo y dirección — flowchart, sequence, class, state, Gantt, pie, mindmap, ER y más
- Temas y estilos de aristas, incluidos los looks TeachForge y clásicos, más una opción a mano alzada
- Vista previa SVG en vivo con ayudas útiles de ir a la línea cuando la sintaxis necesita corrección
- Exportar, compartir, incrustar, Copiar SVG y envío al Whiteboard con un clic
Cómo el texto se convierte en diagrama
Empieza desde una plantilla, escribe Mermaid o abre un paquete paramétrico
Elige el camino que coincida con cómo te gusta trabajar.
Ajusta dirección, tema o controles paramétricos
El SVG en vivo se actualiza a medida que el diagrama toma forma.
Exporta, guarda o envíalo en vivo
Llévalo al pizarrón, a una pregunta o fuera como un archivo que te pertenece.
Un diagrama. Todas sus versiones.
Junto al editor clásico de Mermaid, la Station también admite diagramas paramétricos: visuales de enseñanza impulsados por controles — en lugar de reescribir todo el DSL cada vez que cambia el ejemplo.
Cámbialo mientras enseñas
Cambia el layout, las etiquetas o los ajustes del paquete sin reconstruir la figura desde cero.
Mantén la estructura, varía la historia
El mismo paquete de flowchart o secuencia puede convertirse en el inicio de mañana o en un seguimiento más difícil.
Adapta la sala en un solo paso
Las franjas de edad pueden cambiar el aspecto para primera infancia, primaria, secundaria y aprendizaje a lo largo de la vida.
Mantente cerca de la evaluación
Guarda el paquete como JSON y reutiliza el mismo diagrama dentro de preguntas y labs.
¿Prefieres escribir Mermaid a mano? El editor DSL sigue ahí. Lo paramétrico está cuando quieres un instrumento de aula, no solo una imagen estática.
Diagramas listos para empezar
Abre una plantilla o paquete de catálogo y adáptalo a tu lección:
| Área | Qué puedes abrir |
|---|---|
| Plantillas DSL | Flowchart; Sequence; Class; State; Gantt; Pie; Mindmap; ER Diagram |
| Catálogo paramétrico | Flowchart de decisión; Secuencia de diálogo; Herencia; Ciclo de vida; Gantt de proyecto; Pastel de participación; Mapa mental de temas; ER de entidades |
| También en el DSL | Estilos journey, timeline, git graph, quadrant, requirement, sankey y XY chart |
Ayuda de IA, a tu manera
¿Necesitas un primer borrador? Usa la IA como asistente — luego revisa, edita y aprueba antes de que llegue al alumnado.
Copiar el prompt
Genera un prompt listo y pégalo en la herramienta de chat que ya usas.
Usa tu propia GPU
Conecta un endpoint de modelo local en tu configuración y ejecuta la generación en hardware que controlas.
Usa tu propia clave API
Añade la clave de tu proveedor en la configuración, elige el modelo y genera con tu propia cuenta.
La IA puede equivocarse. Por eso exactamente un docente permanece en el circuito.
Lleva el diagrama a donde ocurre la enseñanza
- Whiteboard — colócalo en el pizarrón en vivo y ajústalo frente a la clase
- Quest Ladder — insértalo en preguntas y explicaciones
- Virtual Lab — reutilízalo dentro del trabajo interactivo de lab
- Comunidad — comparte lo que construiste y parte de lo que otros educadores compartieron