我的電腦裡住了個 AI 助手：它是用「Electron」做的嗎？

試著想像一下：早晨打開電腦，AI 助手隨即向你打招呼：「我已經為您準備好今天的工作清單了」。這些 AI 程式不僅僅是網頁瀏覽器中的一個分頁，它們運作起來就像電腦系統本身的一部分。究竟這些程式是如何製作出來的？你是否發現近期開發者圈內炙手可熱的「程式設計代理（Coding Agent）」應用程式，背後都有著一個神秘的共通點？

為什麼這很重要？

過去，若要使用 AI，我們必須連上特定網站並進行對話。但現在，AI 正演變成「桌面應用程式」形態，能夠讀取電腦內檔案、修改複雜程式碼，並完美融入個人的工作流程中。這種轉變將 AI 從單純的工具提升為你的「同事」。拜網頁技術所賜，任何人都能輕鬆將自己的 AI 代理製作成桌面版應用，這也讓我們迎來了一個更強大、更個人化的 AI 辦公環境。

簡單易懂的解說：Electron 就是「翻譯機」

這個神奇連結的幕後推手，正是「Electron」（一套能讓你以網頁技術製作桌面應用程式的開發框架）。

簡單來說，Electron 就像是一台「翻譯機」，它將製作網站的素材——JavaScript、HTML（定義網頁結構的語言）與 CSS（設計網頁外觀的語言）——轉化為能在電腦上直接執行的程式 [Source 3, Source 10, Source 15]。

我們可以這樣比喻：Electron 是一種「特殊模型」。當我們將網頁世界中精美的設計與功能（網頁技術）放入這個模型中固定後，一個能在 Windows 或 macOS 上直接運行的精彩桌面程式（原生應用）就會誕生 [Source 10, Source 15]。這項技術已經應用在我們每天使用的 Discord、Slack 以及 Visual Studio Code 等知名軟體中 [Source 1, Source 3]。

近期，開發者們也開始利用這項技術，將輔助使用者寫程式的 AI 代理（如 CodePilot 或 pi-gui）轉換為桌面應用程式 [Source 2, Source 5]。歸功於此，AI 代理不再受限於網頁瀏覽器的框架，能更深入地與我們電腦中的檔案及系統互動，真正扮演起助手的角色。

現況：開發者最愛用的工具

目前，Electron 是許多 AI 代理開發者心目中的首選工具。無論是程式輔助工具「ZCode」、建構本地 AI 環境的「Locally Uncensored」，還是提供專業代理介面的「Accio Work」，都運用了這項技術優勢 [Source 12, Source 13, Source 14]。此外，像「goose」或「Interpreter」這類開源專案，也讓使用者能根據自身環境進行調整，並活躍於桌面端 [Source 16, Source 17]。

當然，Electron 並非萬能。由於它內建了 Chromium（網頁瀏覽器的核心引擎）與 Node.js（執行 JavaScript 的環境），有時運作起來會比一般應用程式消耗更多電腦資源 [Source 3, Source 10]。儘管如此，能夠利用開發者熟悉的網頁技術快速實現應用程式，在變化莫測的 AI 時代中，這仍舊被視為其最大的優勢 [Source 3, Source 8]。

未來展望

未來，我們將不再需要頻繁造訪各個網站，而是直接安裝專為自己需求打造的「客製化 AI 代理桌面程式」。隨著 AI 技術進步，開發者們將透過像 Electron 這類工具，競爭開發出讓使用者能與 AI 更直觀互動的介面。在不久的將來，你的電腦桌面上將會出現越來越多聰明且能幹的 AI 好友。

MindTickleBytes AI 觀點

將複雜的 AI 技術包裝成大眾熟悉的桌面程式形式，將會是推動 AI 大眾化的關鍵之鑰。正如 Electron 所展現的那樣，開發者不需要耗費精力去適應新環境，而是直接發揮網頁開發的便利性來提升 AI 服務的完成度，這種策略將會持續下去。

參考資料

1. Electron (software framework) - Wikipedia
2. GitHub - op7418/CodePilot
3. GitHub - electron/electron

4. [Show HN: One Human + One Agent = One Browser From Scratch in 20K LOC

   Hacker News](https://news.ycombinator.com/item?id=46779522)

5. GitHub - minghinmatthewlam/pi-gui
6. Architecture Decisions: How I Built a Scalable Electron App with AI
7. Build a Desktop App with Electron… But Should You? - YouTube

8. [Build lightweight cross-platform desktop apps with…

   Neutralinojs](https://neutralino.js.org/)

9. Build cross-platform desktop apps with JavaScript, HTML, and CSS
10. BuiltWith Technology Lookup

11. [ZCode - AI Agent Coding Desktop App

    EveryDev.ai](https://www.everydev.ai/tools/zcode)

12. Locally Uncensored — Desktop AI for Chat, Code, Image & Video
13. Accio Work - Local-First Desktop AI Agent That Turns Ideas Into Profits
14. Build cross-platform desktop apps with JavaScript, HTML, and CSS

15. [goose

    Your open source AI agent](https://goose-docs.ai/)

16. Interpreter: The Desktop Agent