Theme / v3.0.1

Archify

把想法變成可互動的圖

實戰範例

實戰範例 003:Mermaid 轉 Archify

flowchart/sequence/state 三種 Mermaid 輸入的正確轉法:讀語意、重寫 JSON

背景

手上有 Mermaid,想升級成可驗證、可互動的 Archify 圖。官方規則:讀拓撲與語意,重寫全新 JSON,不做機械式樣式渲染。1

對照表

Mermaid Archify
flowchart / graph workflow;若是元件地圖則為 architecture
sequenceDiagram sequence(參與者變語意參與者,箭頭變訊息)
stateDiagram lifecycle(保留狀態與轉換語意,不保留 Mermaid 樣式)

完整流程

步驟 1:貼 Mermaid 並說明意圖

Convert this Mermaid sequenceDiagram to Archify sequence.
Participants become semantic participants, arrows become messages.

步驟 2:讓代理重寫 JSON

代理讀該模式 schema 與範例,用新 ID、措辭與版面寫完整候選,不做臨時圖。

步驟 3:finalize

node bin/archify.mjs finalize sequence candidate.json output.html --quality showcase --json

Footnotes

  1. archify/SKILL.md Mermaid input ↩