手上的 AI bot 越來越多之後，阿正老師發現一個很實際的小困擾：每個 bot 都在各自的對話視窗裡忙，想知道誰在寫稿、誰卡住等我回覆，只能一個一個點開來看。等結果的時間也滿無聊的。
最近 X 上的 @btcup99（比特HODL）在 2026 年 10 月 30 日發了一篇長文〈保姆級教程，手把手教你給 Grok Bot 團隊搭一間炫酷 3D 辦公室〉，把這件事做成了一個 3D 網頁。每個 bot 是一個方塊小人，工作時坐在工位上打字，兩個 bot 協作時一起走進會議室，做完還會跳起來撒花。整個網頁幾乎都是叫 AI 自己寫出來的，作者只負責下指令跟定規矩。
這篇就把原作者的做法整理成台灣讀者看得懂的版本，順便補上原文沒細講的費用、免費額度，以及公開上網前一定要想清楚的隱私問題，阿正老師也照著自己蓋一間，相當有趣喔！
文章目錄
一、3D 虛擬辦公室長什麼樣子？
原作者用 Three.js（一套在瀏覽器裡畫 3D 畫面的免費開源程式庫，採 MIT 授權）畫了一間方塊風格、斜上方俯視的辦公室，打開網頁就能看，不用安裝任何軟體。依原文的介紹，這間辦公室分成幾個區域：
- 總監室：坐著負責總調度的 Grok Bot。
- 會議室：電視即時顯示 BTC 價格，讀的是作者自己機器上的行情面板。
- 走道與茶水間：走道顯示 AI 剩餘額度，茶水間掛著「比特HODL ₿」霓虹燈牌。
- 工位區與休息區：每個 bot 一張工位，沒事做就去沙發晃。
燈光會依時間切換白天、傍晚、夜晚（原作者用北京時間，台灣讀者請 AI 改成台灣時間 UTC+8 即可）。手機打開時，側邊資訊欄會變成從底部拉出的抽屜式面板。原作者還加了一個代表自己的「集團總裁」角色在辦公室裡巡視，很有當老闆視察的感覺。
下圖就是阿正老師使用Grok Bot，照著作者的提示詞，實際做出來的3D虛擬辦公室，並且使用免費的CloudFlare方案來架設。
二、背後怎麼運作：狀態、上報指令與演示模式
畫面看起來很熱鬧，原理其實很單純。每個 bot 做事前後，用一行指令跟網站「打卡」報告自己在幹嘛，網頁再依照這些狀態讓小人做出對應動作。
8 種狀態與小規則
原作者定了 8 種狀態，分別是寫程式、終端機作業中、瀏覽網頁、思考中、需要你（紅色閃爍）、出錯、閒置、已完成（會撒花）。每個 bot 的名字、角色、顏色和座位寫在一個名冊檔（roster.json），狀態另外存起來，重新開機也不會遺失。另外還有幾條讓畫面更像真的的小規則：
- 30 分鐘沒上報，自動顯示「閒置」。
- 晚上顯示「下班」，小人會走出門。
- 兩個 bot 協作時，一起走去會議室。
上報指令長這樣
原作者的 bot 共用一台雲端機器，所以在上面放了一個共用指令，格式和範例如下：
office-report <bot代號> <狀態> "<任務摘要>" [協作的bot] office-report xstats browsing "抓取 ETF 資金流數據"
這個指令成功時不會有任何輸出，失敗也不會影響 bot 的主要工作。因為免費機器閒置會休眠，第一次請求可能要等它醒來，所以原作者把逾時設成 60 秒，失敗自動重試 2 次。
演示模式
剛上線時 bot 還沒開始做事，辦公室空蕩蕩的。原作者加了一段大約 1 分鐘、循環播放的模擬劇本，畫面上方會清楚標示「演示模式 · 模擬數據」，避免訪客以為是真實狀態。如果你的辦公室要公開給別人看，這個標示阿正老師覺得一定要留著。
三、主機怎麼選：Instabox 與 Cloudflare Workers
網頁總要放在某台機器上才能讓人連進來。原作者提了兩條路，一條是 Instabox 的免費雲端機器，另一條是不用自己顧主機的 Cloudflare Workers。兩者都有免費方案，差別在你想不想管一台「電腦」。
Instabox 免費雲端機器
Instabox 給你一台真正的 Linux 雲端機器，原作者的 bot 就共用這台機器，所以上報指令可以直接放在上面。依 Instabox 官方文件，免費方案規格如下：
| 官方網站 | https://instabox.sh/ |
| 類型 | 雲端 Linux 機器 |
| 免費方案 | 1 台機器、4 vCPU／8 GiB 記憶體、20 GiB 硬碟、5 個快照、每月 100 GiB 對外流量 |
| 使用限制 | 閒置 30 分鐘自動暫停；單次最長連續運作 480 分鐘，之後進入 5～20 分鐘冷卻期，期間無法喚醒 |
| 付費方案 | Pro 每月 20 美元、Builder 每月 100 美元、Team 每月 500 美元，另依用量計費 |
| 申請方式 | 原作者說用 Google 信箱排隊就能領到（待查證，官方文件未說明排隊流程） |
| 繁中介面／台灣可用性 | 官方文件為英文，繁中介面待查證；台灣是否可申請待查證 |
| 官方說明 | [方案與價格] [使用限制] |
✅ 優點
- 是一台完整的機器，可以存檔案，bot 也能直接在上面執行上報指令
- 免費方案有 5 個快照，改壞了可以還原
- 有人打開公開網址時，閒置暫停的機器會自動醒來
⚠️ 缺點
- 閒置 30 分鐘就暫停，訪客第一次打開要等它醒來
- 連續跑 480 分鐘會被強制冷卻，不適合要 24 小時穩定在線的看板
- 原作者提到用 Tailscale 連線叫不醒機器，只有公開網址可以
Cloudflare Workers 免費方案
如果手上沒有雲端機器，原作者推薦的另一條路是 Cloudflare Workers。它不用你管主機，程式丟上去就會在 Cloudflare 全球的節點上跑，還送一個公開網址（xxx.workers.dev），適合長期公開。
| 官方網站 | https://workers.cloudflare.com/ |
| 類型 | 雲端程式執行平台（不用自己架主機） |
| 免費方案 | 每天 100,000 次請求、每次最多 10 毫秒 CPU 時間；網頁靜態檔案（3D 場景本身）的請求免費且不限次數 |
| 付費方案 | Workers Paid 每月 5 美元起 |
| 繁中介面 | 儀表板可在個人設定切換語言，是否含繁體中文待查證 |
| 台灣可用性 | 台灣可用，Cloudflare 在台北設有機房（本站舊文） |
| 官方說明 | [價格] [使用限制] |
✅ 優點
- 不會休眠，訪客打開就看得到
- 每次部署都會留下程式版本，儀表板可以回復最近 100 個已發布版本，但只回復程式、不還原資料（限制見第六章）
- 可搭配免費的 Cloudflare Access 把網頁鎖起來，只給自己看
⚠️ 缺點
- 沒有可以長期存檔的硬碟，原作者那種把狀態寫進 state.json 的做法要改（第六章說明）
- 需要建立 Cloudflare API 權杖給 AI 部署，權限設定對新手有點門檻
- 每天請求數超過免費額度會出現錯誤頁（Error 1027），要等世界標準時間午夜（台灣早上 8 點）重置
阿正老師點評：你的 bot 本來就共用一台雲端機器（像原作者那樣），選 Instabox 最順；只是想要一個長期開著、不怕休眠的看板，阿正老師會選 Cloudflare Workers。
四、照著做：把這段提示詞交給 AI
原作者的重點是「技術細節不用懂，交給 bot 處理」。整個過程其實不需要先學 Git 或 GitHub，把下面這段提示詞貼給你的 Grok Bot（或 Codex、Claude 等會寫程式的 AI），它會先列出計畫跟需要你提供的東西，你確認後它再開工。以下是阿正老師把原文提示詞轉成正體中文的版本，【】裡面換成你自己的資料：
・用 Three.js 畫一間方塊風格、斜上方俯視的辦公室，我的每個 bot 坐在自己的工位，依即時狀態做動作（寫程式、思考、需要我、完成、閒置）。成員：【bot 名單】。
・再加一個代表我的「集團總裁」角色，參考我提供的圖片，在辦公室裡來回巡視。
・後端提供兩個介面，一個是公開唯讀的狀態介面，一個是 bot 回報狀態的介面，必須帶權杖（token）才能寫入。再給 bot 一個回報指令。部署在【我的雲端機器／Cloudflare Workers】上。
・加分項目：會議室電視顯示即時資訊、依台灣時間切換白天與夜晚、演示模式、第一次瀏覽時跳出歡迎頁並播放輕音樂、手機版也要好用。
・隱私和安全：bot 只回報籠統的任務類型，不寫帳號、私訊、金額；權杖不能外洩；所有輸入都要過濾並限制頻率。
請先告訴我你的計畫和需要我提供什麼，我確認後再開始，完成後給我公開網址和截圖。
整理原作者的做法，大概就是這 6 步：
- 準備一台能開公開網址的雲端機器，或改用 Cloudflare Workers。
- 讓 AI 用 Three.js 做出 3D 場景，打包成靜態網頁檔案。
- 寫一個小服務，一個唯讀的狀態介面，加一個要權杖才能寫的上報介面。
- 把網址公開出去（或用 Cloudflare Access 鎖起來，見第七章）。
- 告訴每個 bot 什麼時候報、報什麼，並給它上報指令。
- 最重要的一步：先定好隱私規則，再讓 bot 開始上報。
⚠️ 會議室電視要顯示行情或其他即時資料，得接外部的資料來源。原作者讀的是自己機器上的 BTC 面板，你要用哪個資料來源、是否免費、能不能公開顯示，請 AI 先查清楚該服務的使用規定（待查證）。
五、費用算一算：哪裡免費、哪裡會花錢
先講結論，網頁本身幾乎不花錢，真正會用掉的是 AI 方案的額度。下面把每一塊拆開來看（價格皆為官方標示，未稅，查證日期 2026-10-31）：
| 項目 | 免費範圍 | 什麼時候會花錢 |
|---|---|---|
| Three.js | MIT 開源授權，免費使用 | 不會 |
| Cloudflare Workers | 每天 100,000 次請求，靜態檔案請求免費不限次數 | 想突破每日額度才需要 Workers Paid，每月 5 美元起 |
| Workers KV（簡易存放區） | 每天讀取 100,000 次、寫入只有 1,000 次，容量 1 GB | bot 多、上報頻繁時寫入次數容易用完 |
| D1／Durable Objects（資料庫） | D1 每天寫入 100,000 列、容量 5 GB；Durable Objects 免費方案每天 100,000 次請求（限 SQLite 儲存） | 個人看板通常用不完 |
| Instabox | 免費 1 台機器（規格見第三章） | 要多台或更長運作時間，Pro 每月 20 美元起另加用量 |
| Cloudflare Access（網頁上鎖） | Zero Trust 免費方案，最多 50 位使用者 | 個人使用不會 |
| Grok Bot（AI 方案） | The X Subscription 免費版與 Plus 不含 Grok Bot | 新訂戶 Premium 每月 30 美元起才含 Grok Bot，用量從每週共用額度扣 |
原作者說有人惡意狂刷頁面「最多讓機器一直醒著，免費版也不花錢」。這點在 Instabox 免費版成立，在 Cloudflare Workers 免費版則是超過每日請求額度後網頁暫時打不開，一樣不會自動扣款。
比較需要留意的是 AI 額度。叫 AI 從零蓋一間 3D 辦公室，來回修改好幾輪是常態，每一輪都在消耗 Grok Bot 的每週用量；之後 bot 每次上報，也是它在任務裡多做的一個動作。整間辦公室蓋好大約會吃掉多少額度，官方沒有數字可參考（待查證），建議先從簡單版本做起，確定好玩再加裝潢。Grok Bot 的方案細節可以參考阿正老師之前寫的〈Grok Bot 是什麼？費用與中文支援一次看懂〉。
六、一般人最容易卡關的地方
原作者說「技術細節不用懂」，大方向沒錯，但阿正老師整理下來，非技術讀者大概會在這幾個地方停下來：
1. Cloudflare API 權杖要給多大權限
選 Cloudflare Workers 的話，AI 需要一組 API 權杖（token）才能幫你部署。權杖在 Cloudflare 儀表板的「My Profile → API Tokens」建立，可以套用範本或自訂權限，還能限定只對某個帳號或資源有效、限制來源 IP 與有效期限。權杖建立後只會顯示一次。阿正老師的建議是只給部署 Workers 需要的權限，並限定在你自己的帳號，不要圖方便全部打勾，再設一個到期日。
2. 改壞了沒有版本可以回去
不用 Git 的人最怕的就是 AI 改著改著，原本好好的畫面壞掉。兩種主機的解法不太一樣：
- Cloudflare Workers：每次部署都會留下版本，可以在儀表板的 Workers & Pages → 你的 Worker → Deployments，從最近 100 個已發布版本中選一個回復（Rollback）。要注意回復的只有程式，KV、D1、Durable Objects 裡的資料不會跟著還原；如果這段期間刪除或修改過 KV、D1 等綁定的資源（binding），或做過 Durable Objects 的類別變更（migration），舊版可能就不能回復。狀態資料請另外備份。
- Instabox：免費方案有 5 個快照，大改之前先拍一個。
- 不管哪一種，都可以直接跟 AI 說「每次修改前先備份目前能用的程式和狀態資料，改壞就還原」，把這條寫進提示詞最省事。
3. 每個 bot 都要你親自核准一次
原作者特別提醒，用 Grok Bot 搭建時，在一個 bot 的視窗下指令，其他 bot 不一定會照轉述的命令做，你得到每個 bot 的視窗裡親自按核准，它們才會開始上報。Grok Bot 官方文件是否有相關說明，阿正老師還沒查到（待查證），先照原作者的經驗準備多花點時間逐一設定。
4. Cloudflare Workers 沒有可以存檔的硬碟
原作者是在自己的雲端機器上，把狀態寫進一個 state.json 檔案。但依 Cloudflare 官方文件，Workers 裡的暫存資料夾只存在記憶體，每次請求各自一份，請求結束就沒了，所以這招在 Workers 上行不通。請 AI 改用 Cloudflare 的存放服務：
- Workers KV：最簡單，但免費版每天只能寫入 1,000 次，而且同一筆資料每秒最多寫一次，更新後也可能晚一點才在各地看到。
- D1 或 Durable Objects：免費寫入額度多很多，Durable Objects 的資料一致性也比較好，阿正老師會建議 bot 多的人直接選這兩個。
5. 測試資料忘了清
原作者踩過的坑，測試時隨便報的假狀態會一直留在頁面上，上線前要記得叫 AI 清掉，不然公開頁面會掛著假資料。
七、隱私與安全：先定規矩再上報
這間辦公室最大的風險其實不在技術，而在「bot 會把什麼寫上去」。公開網頁上看得到每個 bot 正在做什麼、什麼時間做，等於把你的工作習慣和例行排程攤在網路上。
原作者給 bot 定的規矩
- 只寫任務類型和籠統描述，例如「整理資料」，不寫是哪個客戶的資料。
- 不寫帳號、私訊內容、金額、還沒公開的計畫。
- 只報開始和結束的狀態，不要過程中一直報。
原作者做了哪些技術防護
依原文，原作者請 AI 做了這些防護（以下是白話說明）：
- 上報要帶密鑰，伺服器用安全的比對方式檢查；密鑰檔放在網頁資料夾以外、只有擁有者能讀。
- 讀檔前檢查路徑，防止有人用奇怪的路徑偷讀其他檔案。
- 過濾控制字元和特殊符號，任務摘要最多 80 字，網頁顯示時再轉義一次。
- 每次上報內容不超過 4,096 位元組。
- 限制頻率，每個 bot 每 2 秒最多 1 筆，全部加起來每分鐘最多 120 筆。
⚠️ 原作者自己也坦白說，這些都是程式碼層面的檢查，沒有做過真正的滲透測試。剩下的風險有兩個，一是 bot 自己沒守規矩把隱私寫進摘要，二是有人惡意狂刷頁面。照著做之前，請把這點放在心上。
阿正老師的補充建議
- 不需要公開就鎖起來：放在 Cloudflare Workers 的話，可以在 Worker 的 Access 分頁開啟 Cloudflare Access，設定只有你的 Email 能登入看（帳號要先啟用 Zero Trust）。要注意整個 Worker 鎖起來後，bot 的上報網址也會被擋住，請 AI 一併設定讓 bot 用 Access 的服務權杖（service token）通過，或把上報介面另外處理。
- 權杖只給最小權限：部署用的 Cloudflare 權杖和 bot 上報用的密鑰要分開，都不要貼在公開的地方。
- 摘要寫得越籠統越好：與其寫「回覆某某客戶的報價信」，不如只寫「處理信件」。
八、阿正老師的總結
老實說，這間 3D 辦公室的娛樂和展示價值大於實用價值。它不會讓 bot 做事更快，但能讓你一眼看出誰在忙、誰卡住在等你，拿來當直播背景或跟朋友炫耀也很有梗。成本面，網頁和主機都能靠免費方案搞定，真正要算的是 AI 額度和你願意花多少時間調整。
bot 本來就共用一台雲端機器
→ Instabox。上報指令直接放在同一台機器上，最接近原作者的做法。
想要長期開著、不怕休眠的看板
→ Cloudflare Workers。狀態改存 D1 或 Durable Objects，再用 Cloudflare Access 鎖起來只給自己看。
進階玩法：把工作流程畫成「流水線辦公室」
→ 如果你跟阿正老師一樣，用 Gitea 這類自架的程式碼代管平台管理 AI 寫稿流程，每篇稿子的狀態（撰寫中、審稿中、等人處理）本來就記在檔案裡。這只是構想，阿正老師還沒做：讓內網的一支小程式定時讀取這些狀態，只把「哪個 bot、什麼階段」上報到辦公室，就能看到寫手坐在工位打字、審稿的 bot 在會議室看稿。稿子內容不要上報，內網的機器位址也不要寫進公開網頁。
還不太懂 AI bot、多代理這些名詞的話，可以先看〈如果 AI Agent 是一間公司〉，用公司組織的比喻來理解，再回來看這間辦公室會更有感覺。喜歡用 AI 做 3D 網頁的人，也可以逛逛〈OpenAI 官方免費遊樂場〉找靈感。
先定規矩，再開辦公室
感謝 @btcup99（比特HODL）分享完整做法。想動手的話，阿正老師建議先用演示模式把畫面做出來，確定好玩，再寫好隱私規則讓 bot 一個一個接上。你會想在辦公室裡放哪些 bot？會議室的電視又想顯示什麼？
歡迎在下面留言跟阿正老師分享！
