Workshop 與工作站
TeachFORGE.ai
Workshop / Mermaid
Mermaid Station
用純文字構建流程圖、時序圖、類圖、甘特圖等——以 SVG 預覽,再把一張圖變成你需要的多種課堂版本。
AI 可以起草。由你決定課堂看到什麼。
Mermaid 是什麼
Mermaid 是用純文字繪圖的方式。你用簡短可讀的語言描述流程圖、時序圖、類圖、甘特圖或思維導圖——結果是一張可用於教學的乾淨 SVG。
這對教學很重要,因為過程與結構會在課中變化。改一行,圖就更新——不必手動畫框,也不必翻找去年的截圖。
教師為何使用 Mermaid
過程與決策圖
用於方法、演算法與課堂決策路徑的流程圖,始終可編輯。
隨時間展開的互動
用於協議、故事與逐步往來的時序圖。
進度與專案
當順序與時長本身就是教學點時,用甘特式檢視。
概念與資料圖
思維導圖、ER 圖與類結構,用於需要把關係看清楚的主題。
在 TeachForge 上,Mermaid 是 Workshop 的 Station——為從想法走到現場教學、無需離開平臺而建。
Mermaid Station 內
與 Workshop 其餘部分一樣,Mermaid 給你熟悉的工作空間:一邊打磨,另一邊看圖。
- Mermaid 程式碼編輯器 ,用於完全控制繪圖語言
- 引數化構建器 ,當你更想用控制元件與目錄包,而不是原始 DSL
- 型別與方向工具 ——流程圖、時序、類、狀態、甘特、餅圖、思維導圖、ER 等
- 主題與邊線樣式,包括 TeachForge 與經典外觀,以及手繪選項
- 即時 SVG 預覽 ,語法需要修正時會給出有用的跳轉到行提示
- 匯出、分享、嵌入、複製 SVG,以及一鍵傳送到 Whiteboard
文字如何變成圖
從模板開始、寫 Mermaid,或開啟引數化包
選擇符合你工作方式的路徑。
調整方向、主題或引數化控制元件
即時 SVG 隨圖成形而更新。
匯出、儲存,或即時傳送
送到白板上、放進題目,或匯出為你自己的檔案。
一張圖。它的每個版本。
除經典 Mermaid 編輯器外,該 Station 還支援 引數化圖示:由控制元件驅動的教學視覺——不必每次例子一變就重寫整段 DSL。
邊教邊改
切換佈局、標籤或包設定,不必從零重建整圖。
保持結構,變化故事
同一流程圖或時序包,可以成為明天的起步,或更難的後續。
一步匹配教室
年齡段可切換幼兒、小學、中學與終身教學的外觀。
貼近評估
把包存為 JSON,並在題目與實驗室中複用同一張圖。
更喜歡手寫 Mermaid?DSL 編輯器仍在。需要課堂儀器、而不只是靜態圖時,引數化就在那裡。
可起步的現成圖示
開啟模板或目錄包,按你的課改編:
| 區域 | 可開啟的內容 |
|---|---|
| DSL 模板 | 流程圖;時序;類;狀態;甘特;餅圖;思維導圖;ER 圖 |
| 引數化目錄 | 決策流程;對話時序;繼承;生命週期;專案甘特;份額餅圖;主題思維導圖;實體 ER |
| 也在 DSL 中 | Journey、時間線、git 圖、象限、需求、桑基與 XY 圖樣式 |
按你的方式使用 AI 幫助
需要初稿?把 AI 當助手——在到達學習者之前審閱、編輯並批准。
複製提示詞
生成現成提示詞,貼上到你已在用的聊天工具。
使用自己的 GPU
在設定中連線本地模型端點,在你控制的硬體上執行生成。
使用自己的 API 金鑰
在設定中新增提供商金鑰,選擇模型,用自己的帳號生成。
AI 可能會出錯。正因如此,教師才留在環路中。
把圖示帶到教學發生的地方
- Whiteboard — 放到即時白板上,在全班面前調整
- Quest Ladder — 放入問題與講解
- Virtual Lab — 在互動實驗作業中複用
- 社群 — 分享你的作品,並在其他教育者分享的基礎上繼續構建