Workshop und Stationen
TeachFORGE.ai
Workshop / Mermaid
Mermaid Station
Bauen Sie Flussdiagramme, Sequenzdiagramme, Klassendiagramme, Gantt-Charts und mehr aus Klartext — sehen Sie sie als SVG in der Vorschau und verwandeln Sie ein Diagramm in so viele Klassenversionen, wie Sie brauchen.
KI kann entwerfen. Sie entscheiden, was die Klasse sieht.
Was Mermaid ist
Mermaid ist eine Art, Diagramme aus Klartext zu zeichnen. Sie beschreiben ein Flussdiagramm, eine Sequenz, ein Klassendiagramm, ein Gantt-Chart oder eine Mindmap in einer kurzen, lesbaren Sprache — und das Ergebnis ist ein sauberes SVG, mit dem Sie unterrichten können.
Das zählt im Unterricht, weil Prozess und Struktur mitten in der Stunde wechseln. Bearbeiten Sie eine Zeile, und das Diagramm aktualisiert sich — ohne Kästchen von Hand neu zu zeichnen oder nach einem Screenshot vom Vorjahr zu suchen.
Warum Lehrkräfte Mermaid nutzen
Prozess- und Entscheidungskarten
Flussdiagramme für Methoden, Algorithmen und Klassenraum-Entscheidungspfade, die bearbeitbar bleiben.
Interaktionen über die Zeit
Sequenzdiagramme für Protokolle, Geschichten und schrittweise Austausche.
Zeitpläne und Projekte
Gantt-ähnliche Ansichten, wenn Reihenfolge und Dauer Teil des Lehrpunkts sind.
Konzept- und Datenkarten
Mindmaps, ER-Diagramme und Klassenstrukturen für Themen, die Beziehungen sichtbar brauchen.
Auf TeachForge ist Mermaid eine Workshop-Station — gebaut, um von der Idee zum Live-Unterricht zu kommen, ohne die Plattform zu verlassen.
In der Mermaid Station
Wie der übrige Workshop gibt Ihnen Mermaid einen vertrauten Arbeitsraum: verfeinern auf der einen Seite, das Diagramm auf der anderen sehen.
- Mermaid-Code-Editor für volle Kontrolle über die Diagrammsprache
- Parametrischer Builder wenn Sie Steuerungen und Katalogpakete dem rohen DSL vorziehen
- Typ- und Richtungswerkzeuge — Flussdiagramm, Sequenz, Klasse, Zustand, Gantt, Kreis, Mindmap, ER und mehr
- Themen und Kantenstile, einschließlich TeachForge und klassischen Looks sowie einer handgezeichneten Option
- Live-SVG-Vorschau mit hilfreichen Gehe-zu-Zeile-Hinweisen, wenn die Syntax korrigiert werden muss
- Exportieren, teilen, einbetten, SVG kopieren und mit einem Klick an das Whiteboard senden
Wie Text zum Diagramm wird
Von einer Vorlage starten, Mermaid schreiben oder ein parametrisches Paket öffnen
Wählen Sie den Weg, der zu Ihrer Arbeitsweise passt.
Richtung, Thema oder parametrische Steuerungen anpassen
Das Live-SVG aktualisiert sich, während das Diagramm Gestalt annimmt.
Exportieren, speichern oder live senden
Nehmen Sie es auf das Board, in eine Frage oder hinaus als Datei, die Ihnen gehört.
Ein Diagramm. Alle seine Versionen.
Neben dem klassischen Mermaid-Editor unterstützt die Station auch parametrische Diagramme: Lehrvisualisierungen, gesteuert über Bedienelemente — statt das gesamte DSL jedes Mal neu zu schreiben, wenn sich das Beispiel ändert.
Ändern Sie es während des Unterrichts
Wechseln Sie Layout, Beschriftungen oder Paketeinstellungen, ohne die Figur von Grund auf neu zu bauen.
Struktur behalten, Geschichte variieren
Dasselbe Fluss- oder Sequenzpaket kann zum morgigen Einstieg oder zu einer schwierigeren Folgeaufgabe werden.
Den Raum in einem Schritt treffen
Altersbänder können das Aussehen für Early Childhood, Primary, Secondary und Lifelong Teaching verschieben.
Nah an der Bewertung bleiben
Speichern Sie das Paket als JSON und nutzen Sie dasselbe Diagramm in Fragen und Labs erneut.
Lieber Mermaid von Hand schreiben? Der DSL-Editor bleibt. Parametrisch ist da, wenn Sie ein Klassenraum-Instrument wollen, nicht nur ein statisches Bild.
Fertige Diagramme zum Starten
Öffnen Sie eine Vorlage oder ein Katalogpaket und passen Sie es an Ihre Stunde an:
| Bereich | Was Sie öffnen können |
|---|---|
| DSL-Vorlagen | Flussdiagramm; Sequenz; Klasse; Zustand; Gantt; Kreis; Mindmap; ER-Diagramm |
| Parametrischer Katalog | Entscheidungsfluss; Dialogsequenz; Vererbung; Lebenszyklus; Projekt-Gantt; Anteils-Kreis; Themen-Mindmap; Entitäten-ER |
| Auch im DSL | Journey-, Timeline-, Git-Graph-, Quadrant-, Requirement-, Sankey- und XY-Chart-Stile |
KI-Hilfe, auf Ihre Weise
Brauchen Sie einen ersten Entwurf? Nutzen Sie KI als Assistentin — prüfen, bearbeiten und freigeben, bevor etwas Lernende erreicht.
Prompt kopieren
Erzeugen Sie einen fertigen Prompt und fügen Sie ihn in das Chat-Tool ein, das Sie bereits nutzen.
Eigene GPU nutzen
Verbinden Sie in den Einstellungen einen lokalen Modell-Endpunkt und führen Sie die Generierung auf Hardware aus, die Sie kontrollieren.
Eigenen API-Schlüssel nutzen
Fügen Sie Ihren Anbieter-Schlüssel in den Einstellungen hinzu, wählen Sie das Modell und generieren Sie mit Ihrem eigenen Konto.
KI kann falsch liegen. Genau deshalb bleibt eine Lehrkraft im Kreislauf.
Nehmen Sie das Diagramm dorthin, wo unterrichtet wird
- Whiteboard — legen Sie es auf das Live-Board und passen Sie es vor der Klasse an
- Quest Ladder — fügen Sie es in Fragen und Erklärungen ein
- Virtual Lab — nutzen Sie es in interaktiver Lab-Arbeit erneut
- Community — teilen Sie, was Sie gebaut haben, und bauen Sie auf dem auf, was andere Pädagoginnen und Pädagogen geteilt haben