Agent-Island：在 MacBook 瀏海看 Agent 正在做什麼
通常我在用 Claude Code 工作時，我常常切到別的視窗，然後忘了它做到哪裡。所以我做了 Agent Island：一個長在 MacBook 瀏海上的小島，Claude Code 在想、在讀檔、在跑指令，都會即時顯示在上面，做完就縮回瀏海。
整個 app 是我跟 Claude Code 一起做的，我負責想要什麼、看畫面給回饋，程式交給它寫。
動態島顯示什麼
- 正在做的事：Thinking、Reading file、Editing file、Running command，旁邊附上檔名或指令。
- 做完了：打勾動畫＋通知音效，點通知可以回到那個終端機分頁。
- 出狀況：額度用完、登入失效、斷線，會直接告訴你該怎麼做。
- 一隻點陣貓：想事情時坐著冒「…」、跑指令時全速奔跑、完成時跳兩下冒愛心，閒置就縮成一團睡覺。
後來也加上了 Codex，兩邊的任務都會出現在同一個小島上。
感受
1. 好懂跟有趣一樣重要
Agent 在想事情時會顯示一些很可愛的動詞，像 Whirring…、Discombobulating…。我一開始覺得很有趣，全部搬上小島，結果自己看了反而不知道它現在在幹嘛。最後改回最直白的 Thinking、Reading file，趣味動詞留成設定裡的選項，預設關掉。
2. 設計師自己對細節很快
平常這些動畫或是設計要來回很多次，但是設計師自己處理的話就可以很快地的跟AI溝通。動畫是最花時間的地方。貓咪的跳躍要自然、完成時的愛心要紅色、想事情時要坐下冒泡泡……每一項都是我看截圖、說哪裡怪，Claude Code 再改。為了方便檢查，我們做了一個「示範模式」，按一下就能讓小島把每種狀態跑一遍，不用真的等 AI 工作。
3. AI的成長比想像中快太多
想跟大家說的是，雖然很好用但也很可怕，雖然我知道實際上AI可以做到這些事。但是我覺得有一點太快了。這幾天也在做其他的專案用figma，AI做出來的畫面是真的沒話說，雖然在結構上還是有些許的奇怪（Ux/Ui設計師應該比較懂）但我覺得這都是小事情而已，實際上在一些畫面的處理上，AI確實比我還強。
不過這當然取決於妳是如何使用的，單純純文字的話還是有一點難。不過我還是很推薦大家可以稍微玩看看（不要花太多錢）畢竟AI做出來真的實際能活多久都不知道。
如何玩看看
需要 macOS 14 以上，M 系列和 Intel 的 Mac 都可以用。到 GitHub 下載，拖進「應用程式」，打開後按「連接」就好。
- GitHub（下載與說明）：https://github.com/1413jean/agent-island