diff --git a/README.md b/README.md
index a53e54a..5e2e937 100644
--- a/README.md
+++ b/README.md
@@ -4,6 +4,24 @@ Claude 風格的 multi-agent 虛擬辦公室視覺化。參考 [WW-AI-Lab/opencl
 
 ![概念](https://img.shields.io/badge/Vite%206-React%2019-d97757)
 
+## 畫面預覽(模擬模式)
+
+辦公室自己運作:agent 進場就座、接任務、調用工具、派 subagent 到熱桌、協作連線、去休息區倒咖啡 —— 全部由內建劇本引擎自動循環。
+
+![模擬模式總覽](docs/screenshots/claude-office-overview.png)
+
+**主 agent 派出 subagent 協作**(陶土色虛線是上級 ↔ subagent 的協作連線,subagent 走到熱桌區工作):
+
+![subagent 協作](docs/screenshots/claude-office-light.png)
+
+**點擊 agent 看詳情**(狀態、模型、工具歷史、上下級關係、指派任務;右側為即時事件紀錄):
+
+![agent 詳情面板](docs/screenshots/claude-office-panel.png)
+
+**深色主題**:
+
+![深色主題](docs/screenshots/claude-office-dark.png)
+
 ## 功能
 
 - **2D 平面圖辦公室** — 一棟建築、十字走廊、四個分區:
diff --git a/docs/screenshots/claude-office-dark.png b/docs/screenshots/claude-office-dark.png
new file mode 100644
index 0000000..8cb2219
Binary files /dev/null and b/docs/screenshots/claude-office-dark.png differ
diff --git a/docs/screenshots/claude-office-light.png b/docs/screenshots/claude-office-light.png
new file mode 100644
index 0000000..0b5deef
Binary files /dev/null and b/docs/screenshots/claude-office-light.png differ
diff --git a/docs/screenshots/claude-office-overview.png b/docs/screenshots/claude-office-overview.png
new file mode 100644
index 0000000..7571c08
Binary files /dev/null and b/docs/screenshots/claude-office-overview.png differ
diff --git a/docs/screenshots/claude-office-panel.png b/docs/screenshots/claude-office-panel.png
new file mode 100644
index 0000000..212c87c
Binary files /dev/null and b/docs/screenshots/claude-office-panel.png differ