我 Vibe Coding 一週，做了個桌面 Agent
整理版優先睇
速讀
5 個重點
高亮
一週內用 AI 全自動開發桌面 Agent WorkAny，體驗 vibe coding 嘅爽感
整理版摘要
呢篇文章係作者分享佢一週內用 vibe coding 方式開發 WorkAny 桌面 Agent 項目嘅過程。佢喺香港辦卡時臨時起意想做一個對標 cowork 嘅產品，返到廣州就開始用 Claude Code（cc）全自動駕駛寫代碼。作者決定完全唔自己寫，只負責指揮，讓 cc 同時開三個窗口幹活，效率拉滿。
開發期間遇到唔少問題，例如 OpenRouter 消耗咗 110 美金，轉用原版 Claude Pro 後又限頻，最後補差價上咗 Max。技術上揀咗 Tauri 做殼，用 Claude Agent SDK 加 Hono 寫 API，接入 SQLite 存數據，再整合 shadcn/ui 美化界面。為咗擴展性，仲抽象咗 Agent runtime 同 sandbox 接口。打包時為咗開箱即用，將 node 同 cc 作為 sidecar 打包，但安裝包太大，最後改為引導安裝，精簡版得 20 幾 M。
作者最後開源發佈咗 MVP 版本，根據內測用戶反饋不斷改進。佢嘅感悟係：vibe coding 爽感強烈，AI 時代技術平權，但理解用戶需求、產品 sense 同全局視野先係關鍵。優秀程序員唔會被 AI 淘汰，反而要識得指揮 AI。
- Vibe coding 可以極速開發 MVP，但需要清晰嘅產品 vision 同技術全局視野。
- 用 Claude Code 全自動駕駛，配合 Tauri + shadcn/ui 等工具，實現快速迭代。
- 相比傳統開發，vibe coding 強調指揮 AI 而非自己寫代碼，需要精準提需求。
- AI 時代技術平權，但優秀程序員仍需全局視野和產品 sense 先唔會被淘汰。
- 可以由小範圍開始，用 AI 輔助開發自己嘅項目，逐步迭代改進。
值得記低
WorkAny 官網
WorkAny 桌面 Agent 項目官網，包含產品介紹同下載連結。
整理重點
背景與起心動念
作者上週喺香港辦卡後，臨時起意想做一個桌面 Agent 項目，對標 cowork。返到廣州就開始用 Claude Code 全自動駕駛開發 WorkAny。
初期目標係快速發佈，冇時間研究 Agent 框架，直接用 Claude Agent SDK。佢揀咗 Tauri，因為覺得 electron 好重，想要小而美。
整理重點
開發歷程：全自動駕駛
作者決定完全唔自己寫代碼，全部交俾 Claude Code（cc）。佢截圖參考 chatbot 界面，讓 cc 先跑通基本對話流程。API 用 Hono 寫，作為 sidecar 打包進 Tauri。
- OpenRouter 消耗咗 110 美金，作者肉疼，於是買咗美國住宅 IP 轉用原版 Claude Pro。
- Claude Pro 限頻影響心情，補差價上咗 Claude Max 頂配版。
- 接入 shadcn/ui 美化界面，支援切換皮膚。
- 實現自定義模型配置、MCP、Skills 調用邏輯。
- 引入 sandbox 執行代碼，確保用戶電腦冇環境都行。
- 抽象 Agent runtime 同 sandbox 接口，支援 Claude Code、Codex、DeepAgents 等 runtime。
整理重點
內測與開源
基本功能完成後，作者打包發俾朋友內測。根據反饋解決問題：預設打包 node 同 cc 導致安裝包 100 幾 M，改為引導安裝，精簡版得 20 幾 M。
Mac 用戶遇到簽名問題，作者用 Apple 開發者賬户做簽名處理。最後寫官網、部署，開源發佈 MVP 版本，並設置 GitHub Action 自動構建三大平台安裝包。
整理重點
幾點感悟
作者第一次全自動駕駛 vibe coding，爽感強烈。佢認為 AI 時代技術平權，理解用戶需求同產品 sense 係關鍵。
- 1 第一次全自動駕駛 vibe coding 做項目，爽感非常強烈，WorkAny 嘅代碼 100% 由 cc 老弟完成，我只負責指揮，日常開三個窗口，讓三個 cc 老弟同時幹活，效率拉滿。
- 2 AI 時代技術平權，人人都是建築師，理解用戶需求、好的產品 sense 和審美是做出好產品的關鍵。
- 3 技術廣度和全局視野是最大的優勢，可以精準提需求，指哪打哪，遇到問題能快速定位，防止 AI 走偏失控。
- 4 以前總覺得手洗的衣服比洗衣機洗的乾淨，而家可以放心交給洗衣機了，又乾淨又快，能穿就行。
- 5 優秀的程序員不會被 AI 淘汰，法拉利老了還是法拉利。
1. 上星期三喺香港辦卡，臨時諗起想做個桌面 Agent 項目，對標 cowork，夜晚返到廣州開始寫 code
2. 初期目標係快速推出，冇時間去研究邊個 Agent 框架好用，見好多人用 claude agent sdk，先用呢個啦
4. 唔想自己寫 code 啦，決定俾 claude code 寫。之前啲 claude 帳號全部被封，用唔到原版 cc，裝咗個 cc-switch，駁上 OpenRouter 嘅 API 開始寫
5. 截咗個 chatbot 嘅互動截圖，俾 cc 參考住先將基本嘅對話流程 run 通，用 claude agent sdk，駁上 OpenRouter，cc 好快寫完第一版
8. 寫咗半日，見 OpenRouter 用咗 110 美金，有啲肉赤。買咗個美國住宅 IP，俾錢上咗原版 claude pro
9. 截咗個 Manus 嘅任務詳情圖，俾 cc 參考寫完工具調用嘅邏輯，中間係 chatbot 對話，右邊用一個虛擬電腦嘅容器展示輸入輸出
12. 俾 cc 將自定義模型配置，mcp、skills 調用嘅邏輯都實現咗，跑咗幾個生成 PPT、Excel、Doc、網頁嘅 case，效果唔錯
19. Mac 用戶安裝 app 後提示檔案損壞或有安全提示，俾 cc 喺構建腳本入面加簽名處理，用我嘅 Apple 開發者帳户對打包嘅 Mac app 做簽名
20. node 同 cc 都打包入 app 嘅版本，安裝包 100 幾 MB，有啲重。俾 cc 喺構建腳本實現默認唔打包，喺用戶啓動 app 嘅時候引導安裝 node 同 cc，精簡版安裝包先得 20 幾 MB，小巧精緻
23. 俾 cc 寫咗個 GitHub 構建腳本，喺 code 推到 main 分支時，自動觸發 GitHub Action 構建，一次性打包 Windows、Linux、Mac 三大平台嘅安裝包，自動發佈到 release，用戶唔使自己構建啦
------
幾點感悟：
1. 第一次嘗試全自動駕駛 vibe coding 做項目，爽感非常強烈，WorkAny 嘅 code 100% 由 cc 老弟完成，我只係負責指揮，日常開三個窗口，俾三個 cc 老弟同時開工，效率爆燈
4. 以前成日覺得手洗嘅衫比洗衣機洗得乾淨，而家可以放心交俾洗衣機啦，又乾淨又快，著得就得
5. 優秀嘅程序員唔會被 AI 淘汰，法拉利老咗都仲係法拉利。🌝
1. 上週三在香港辦卡，臨時起意想做個桌面 Agent 項目，對標 cowork，晚上回到廣州開始寫代碼
2. 初期目標是快速發佈，沒時間去研究哪個 Agent 框架好用了，看很多人在用 claude agent sdk，先用這個吧
4. 不想自己寫代碼了，決定讓 claude code 來寫。之前的 claude 賬號都被封了，用不上原版 cc，裝了個 cc-switch，接上 OpenRouter 的 API 開始寫
5. 截了個 chatbot 的交互截圖，讓 cc 參考着先把基本的對話流程跑通，用 claude agent sdk，接上 OpenRouter，cc 很快寫完了第一版
8. 寫了半天，看 OpenRouter 消耗了 110 刀，有點肉疼。買了個美國住宅 ip，付費上了原版 claude pro
9. 截了個 Manus 的任務詳情圖，讓 cc 參考寫完工具調用的邏輯，中間是 chatbot 對話，右邊用一個虛擬計算機的容器展示輸入輸出
12. 讓 cc 把自定義模型配置，mcp、skills 調用的邏輯都實現了，跑了幾個生成 PPT、Excel、Doc、 網頁的 case，效果不錯
19. Mac 用戶安裝 app 後提示文件損壞或有安全提示，讓 cc 在構建腳本里面加上簽名處理，用我的 Apple 開發者賬户對打包的 Mac app 做簽名
20. node 和 cc 都打包進 app 的版本，安裝包 100 多 m，有點重。讓 cc 在構建腳本實現默認不打包，在用戶啓動 app 的時候引導安裝 node 和 cc，精簡版安裝包才 20 多 m，小巧精緻
23. 讓 cc 寫了個 github 構建腳本，在代碼推送到 main 分支時，自動觸發 github action 構建，一次性打包 Windows、Linux、Mac 三大平台的安裝包，自動發佈到 release，用戶無需自行構建了
------
幾點感悟：
1. 第一次嘗試全自動駕駛 vibe coding 做項目，爽感非常強烈，WorkAny 的代碼 100% 由 cc 老弟完成，我只負責指揮，日常開三個窗口，讓三個 cc 老弟同時幹活，效率拉滿
4. 以前總覺得手洗的衣服比洗衣機洗的乾淨，現在可以放心交給洗衣機了，又幹淨又快，能穿就行
5. 優秀的程序員不會被 AI 淘汰，法拉利老了還是法拉利。🌝