深色
風格
視覺表達
S 迴圈切換
經典
穩定的技術預設風格
訊號流
突出動態流向
藍圖
工程評審
編輯風格
適合釋出與上線說明
動態
簡報
匯出
匯出架構圖
便攜、整潔的輸出
E
分享
分享卡片
1200×630 PNG
路徑分享卡片
1200×630 PNG
可達範圍分享卡片
1200×630 PNG
複製分享卡片
將 PNG 複製到剪貼簿
複製架構圖
將 PNG 複製到剪貼簿
影象
PNG
無損影象
JPEG
緊湊影象
WebP
現代影象格式
向量與動畫效果
SVG
可編輯向量圖
WebM
6 秒動畫效果
Agent HQ Demo — 零售分析執行階段
←
引導檢視
探索此係統
沿精選路徑逐步檢視,而不改變原始圖表。
節點
下一步
→
▶
播放故事
#
複製此刻
顯示全部
Agent HQ Demo — 零售分析執行階段
由 Archify 產生的架構圖。
參會者 · 瀏覽器 · 架構元件
參會者
瀏覽器
聊天介面 · Blazor WASM · 靜態 JS · 本機開發電腦
聊天介面
Blazor WASM · 靜態 JS
零售 API · ASP.NET Core · FastAPI · 本機開發電腦
零售 API
ASP.NET Core · FastAPI
RetailAnalyticsService · EF Core · SQLModel · 本機開發電腦
RetailAnalyticsService
EF Core · SQLModel
CopilotChatService · 單例 · SSE 串流 · 本機開發電腦
CopilotChatService
單例 · SSE 串流
GitHub Copilot CLI · Copilot SDK · JSON-RPC · 本機開發電腦
GitHub Copilot CLI
Copilot SDK · JSON-RPC
模型 · claude-haiku-4.5 · gpt-5 · 架構元件
模型
claude-haiku-4.5 · gpt-5
retail.db · SQLite · 啟動時植入種子資料 · 本機開發電腦
retail.db
SQLite · 啟動時植入種子資料
retail-analytics MCP · stdio · 五個只讀工具 · 本機開發電腦 · mode=ro
retail-analytics MCP
stdio · 五個只讀工具
mode=ro
localhost
POST /api/chat
查詢 + 種子資料
讀取 / 寫入
提示詞 + 模型 ID
CreateSession
串流對話輪次
透過 stdio 發起工具呼叫
僅限 SELECT
本機開發電腦
圖例
前端
後端
資料庫
雲服務
安全性
外部系統
就緒
章節 01 / 01
引導章節
架構圖指南
探索此係統
×
正在檢查已編譯語意
01
查詢任意節點
搜尋標籤、職責、型別和穩定 ID。
/
02
追蹤路徑
檢視兩個語意節點如何按定義方向連線。
R
03
檢視完整系統
開啟帶即時視口和穩定節點的語意雷達。
M
04
比較語意型別
統計角色、顯示流量並比較直接編寫的連線。
L
05
播放引導故事
瀏覽已編寫的章節和真實關係。
P
06
進入簡報模式
讓即時圖表佔滿視口,同時不改變匯出。
F
E
匯出
T
主題
S
風格
0
重置
+
放大
-
縮小
Esc
關閉
查詢節點
×
⌕
/
沒有匹配的節點
語意護照
已驗證來源
已定義可達範圍
上游
0
下游
0
×
複製連結
關係
路徑探測
選擇起點節點
查詢起點
複製連結
清除
在圖表中選擇兩個語意節點
←
▶
旅程
→
總覽
先選擇來源,再選擇目標;方向很重要。
語意檢視
比較系統角色
×
最多選擇兩種語意型別。選擇一種可顯示其真實流量;選擇兩種只比較直接編寫的關係。
選擇一種型別以檢查其節點和相連關係。
複製連結
清除
語意雷達
正在建置總覽
開啟雷達
×
點選節點
拖動平移
語意雷達需要更多地圖可見空間。
路徑
概覽
透鏡
閱讀
100%
聊天請求路徑
• 聊天介面將提示詞 POST 到 /api/chat
• CopilotChatService 以 SSE 形式串流傳回增量
• 兩條學習路線使用相同的 camelCase JSON 介面規格
兩條學習路線,同一架構
• .NET:API 使用 :5050,Blazor WebAssembly 宿主使用 :5051
• Python:FastAPI 在 :5070 上同時提供 API 和介面
• 每條學習路線都包含相互對應的領域測試和 SDK 實作練習
模型的最小權限
• 應用程式透過 RetailAnalyticsService 進行讀寫
• 模型只能看到五個只讀 MCP 工具,絕不會接觸原始 SQL
• SQLite mode=ro 在驅動程式層拒絕寫入,而不僅是在程式碼層阻止