diff --git a/README.md b/README.md
index 853c21c..32f5421 100644
--- a/README.md
+++ b/README.md
@@ -5,6 +5,16 @@ Codex CLI 風格的 multi-agent 虛擬辦公室視覺化。與姊妹作 `claude-
 改為 OpenAI Codex 的語意:終端機綠 + 冷灰科技感、`>_` 游標標誌、
 工具氣泡顯示 exec / apply_patch / shell 等 Codex 工具。
 
+## 畫面預覽
+
+### 淺色模式
+
+![Codex Office 淺色模式預覽](docs/screenshots/codex-office-light.png)
+
+### 深色模式與 subagent 協作
+
+![Codex Office 深色模式與 subagent 協作預覽](docs/screenshots/codex-office-dark.png)
+
 ## 功能
 
 - **2D 平面圖辦公室** — 主力工位區、Worker 熱桌區、會議區、休息區,十字走廊尋路
diff --git a/docs/screenshots/codex-office-dark.png b/docs/screenshots/codex-office-dark.png
new file mode 100644
index 0000000..bf46426
Binary files /dev/null and b/docs/screenshots/codex-office-dark.png differ
diff --git a/docs/screenshots/codex-office-light.png b/docs/screenshots/codex-office-light.png
new file mode 100644
index 0000000..a6effe8
Binary files /dev/null and b/docs/screenshots/codex-office-light.png differ