Workshop y Stations
TeachFORGE.ai
Workshop / Mermaid
Mermaid Station
Crea diagramas de flujo, de secuencia, de clases, de 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. Tú decides lo que ve la clase.
Qué es Mermaid
Mermaid es una forma de dibujar diagramas a partir de texto plano. Describes un diagrama de flujo, secuencia, clases, Gantt o mapa mental en un lenguaje corto y legible — y el resultado es un SVG limpio con el que enseñar.
Importa en la enseñanza porque el proceso y la estructura cambian a mitad de la clase. 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 clase que siguen siendo editables.
Interacciones en el tiempo
Diagramas de secuencia para protocolos, historias e intercambios paso a paso.
Calendarios y proyectos
Vistas tipo Gantt cuando el orden y la duración forman parte del punto didáctico.
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 — pensada para pasar de la idea a la enseñanza en directo sin salir de la plataforma.
Dentro de la Mermaid Station
Como el resto del Workshop, Mermaid te da un espacio de trabajo familiar: refina en un lado, ve el diagrama en el otro.
- Editor de código Mermaid para control total del lenguaje del diagrama
- Constructor paramétrico cuando prefieres controles y paquetes de catálogo frente al 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 looks TeachForge y clásicos, más una opción a mano alzada
- Vista previa SVG en directo con avisos útiles de ir a la línea cuando la sintaxis necesita arreglo
- Exportar, compartir, incrustar, Copiar SVG y envío al Whiteboard con un clic
Cómo el texto se convierte en diagrama
Parte de una plantilla, escribe Mermaid o abre un paquete paramétrico
Elige el camino que encaje con cómo te gusta trabajar.
Ajusta dirección, tema o controles paramétricos
El SVG en directo se actualiza a medida que el diagrama toma forma.
Exporta, guarda o envíalo en directo
Llévalo a la pizarra, a una pregunta o fuera como un archivo que es tuyo.
Un diagrama. Todas sus versiones.
Junto al editor Mermaid clásico, la Station también admite diagramas paramétricos: visuales didácticos 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 ser el arranque de mañana o un seguimiento más difícil.
Adapta la sala en un paso
Las franjas de edad pueden cambiar el aspecto para Early Childhood, Primary, Secondary y Lifelong.
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 permanece. Lo paramétrico está cuando quieres un instrumento de aula, no solo una imagen estática.
Diagramas listos de los que partir
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 | Diagrama de decisión; Secuencia de diálogo; Herencia; Ciclo de vida; Gantt de proyecto; Porciones; Mapa mental de temas; Entidades ER |
| 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 tus ajustes y genera en hardware que controlas.
Usa tu propia clave API
Añade la clave de tu proveedor en ajustes, elige el modelo y genera con tu propia cuenta.
La IA puede equivocarse. Por eso precisamente un docente permanece en el bucle.
Lleva el diagrama allí donde ocurre la enseñanza
- Whiteboard — ponlo en la pizarra en directo y ajústalo delante de la clase
- Quest Ladder — introdúcelo en preguntas y explicaciones
- Virtual Lab — reutilízalo en trabajo de lab interactivo
- Comunidad — comparte lo que has creado y parte de lo que otros educadores han compartido