Legal Architecture

• 您需要一份訴訟流程圖，呈現從當事人 → 證據 → 事實 → 適用法律 → 判決的完整鏈條。
• 您正在審閱一份契約，並希望以視覺化方式呈現當事人、權利義務、履行里程碑及違約後果。
• 您需要一份行政程序圖（申請 → 審查 → 決定 → 救濟），用於客戶溝通或內部培訓。
• 您希望為案件檔案或簡報製作證據鏈圖、請求權基礎分析表或法律位階架構圖。

• 您需要可編輯的向量檔案（例如 .svg、.ai、.vsdx），而非獨立的 HTML 文件。
• 您需要使用 JavaScript 製作互動式或資料驅動的儀表板——此技能僅產生靜態 SVG。
• 您的視覺化內容本質上與法律完全無關（例如組織架構圖、工程架構圖等）——一般繪圖技能會更為合適。

每張圖表均以單一 .html 檔案的形式提供，所有 CSS 與 SVG 均內嵌其中。無需外部圖片、無需 JavaScript、也無需伺服器——只要在瀏覽器中開啟，或直接嵌入 Word 或 PowerPoint 即可。

七種預定義色彩類別對應不同的法律元件類型：當事人（藍色）、事實（石板灰）、證據（琥珀色）、法律（翠綠色）、程序（紫羅蘭色）、判決（紅色）以及爭議事項（橙色）。這使得法律專業人員能夠即時掃讀圖表內容。

支援三種專業佈局：訴訟流程（由上至下分層，附虛線群組框）、合約關係（輻射狀或雙欄式），以及法律框架（階層樹狀結構）。系統會根據內容類型自動選擇適合的佈局。

使用淡色 #f8fafc 背景、Inter 字型（透過 Google Fonts 載入），以及具有精確間距規則的簡潔圓角矩形元件。直接從瀏覽器列印時，輸出結果呈現專業質感。

箭頭在 SVG 文件順序中始終於元件方塊之前繪製，因此連接線會整齊地顯示在節點後方。不透明的白色背景矩形可進一步防止箭頭穿透彩色方塊而顯現。

每份輸出均包含頁首（標題、案號、法院）、圖表卡片、三欄式元數據網格（當事人、證據摘要、判決要點）以及頁尾——呈現完整文件，而非單純的原始圖表。

一位準備出庭的律師使用此技能，生成一份分層流程圖，顯示原告／被告 → 爭議事項 → 證據 → 事實認定 → 法律依據 → 判決結果。輸出結果以可列印的 HTML 檔案形式與客戶共享，並由 Legal Architecture 完成整個分析流程。

合約管理人員輸入一份複雜的多方協議後，即可獲得一張輪轂輻條式示意圖，清楚呈現各方義務、關鍵績效里程碑及違約責任條款，可直接嵌入審查報告中使用。

合規團隊使用此 Legal Architecture 技能，為法規申報指南或內部培訓材料繪製行政程序流程圖（申請 → 審查 → 決定 → 申訴／救濟）。

律師將各個證據片段與已確立事實相連結、並最終指向法律主張依據的邏輯鏈條加以視覺化呈現，為法院或仲裁提交程序製作清晰的證據展示文件。