<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>Electron on recca0120 技術筆記</title><link>https://recca0120.github.io/tags/electron/</link><description>Recent content in Electron on recca0120 技術筆記</description><generator>Hugo -- gohugo.io</generator><language>zh-hant-tw</language><lastBuildDate>Tue, 07 Apr 2026 11:03:00 +0800</lastBuildDate><atom:link href="https://recca0120.github.io/tags/electron/index.xml" rel="self" type="application/rss+xml"/><item><title>AionUi：一個介面管 12 種 AI Agent，免費開源的 Cowork 桌面應用</title><link>https://recca0120.github.io/2026/04/07/aionui-ai-cowork-app/</link><pubDate>Tue, 07 Apr 2026 11:03:00 +0800</pubDate><guid>https://recca0120.github.io/2026/04/07/aionui-ai-cowork-app/</guid><description>&lt;img src="https://recca0120.github.io/" alt="Featured image of post AionUi：一個介面管 12 種 AI Agent，免費開源的 Cowork 桌面應用" /&gt;&lt;p&gt;手上裝了 Claude Code，又裝了 Codex，偶爾還會切 Qwen Code 跑中文任務。每個工具各開一個 terminal，切來切去，MCP 設定各自一份，對話記錄散落各處。&lt;/p&gt;
&lt;p&gt;&lt;a class="link" href="https://github.com/iOfficeAI/AionUi" target="_blank" rel="noopener"
 &gt;AionUi&lt;/a&gt; 想解決的就是這個問題：一個桌面應用，把所有 AI agent 收進同一個介面。免費、開源、Apache 2.0 授權。&lt;/p&gt;
&lt;h2 id="它做了什麼"&gt;&lt;a href="#%e5%ae%83%e5%81%9a%e4%ba%86%e4%bb%80%e9%ba%bc" class="header-anchor"&gt;&lt;/a&gt;它做了什麼
&lt;/h2&gt;&lt;p&gt;AionUi 是用 Electron + React 做的跨平台桌面應用，支援 macOS、Windows、Linux。核心功能是統一管理多種 AI coding agent。&lt;/p&gt;
&lt;h3 id="支援的-agent"&gt;&lt;a href="#%e6%94%af%e6%8f%b4%e7%9a%84-agent" class="header-anchor"&gt;&lt;/a&gt;支援的 Agent
&lt;/h3&gt;&lt;p&gt;AionUi 會自動偵測你機器上已安裝的 CLI 工具，目前支援：&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;Claude Code、Codex、Qwen Code、Goose AI、OpenClaw、Augment Code&lt;/li&gt;
&lt;li&gt;iFlow CLI、CodeBuddy、Kimi CLI、OpenCode、Factory Droid、GitHub Copilot&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;總共 12 種以上。你不需要額外設定，裝好 CLI 就能在 AionUi 裡面用。沒裝任何 CLI 也沒關係，AionUi 內建了自己的 agent，支援 Google 登入或 API key 認證，開箱即用。&lt;/p&gt;
&lt;h3 id="20-模型平台"&gt;&lt;a href="#20-%e6%a8%a1%e5%9e%8b%e5%b9%b3%e5%8f%b0" class="header-anchor"&gt;&lt;/a&gt;20+ 模型平台
&lt;/h3&gt;&lt;p&gt;模型選擇很寬：&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;主流平台&lt;/strong&gt;：Gemini、Claude、OpenAI&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;雲端&lt;/strong&gt;：AWS Bedrock&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;中文平台&lt;/strong&gt;：通義千問（Dashscope）、智譜、Moonshot（Kimi）、百度千帆、騰訊混元、ModelScope&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;本地模型&lt;/strong&gt;：Ollama、LM Studio&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;如果你在中國大陸，不方便用 OpenAI 或 Claude 的 API，直接切到通義或智譜就好。如果想完全離線，跑 Ollama 本地模型也行。&lt;/p&gt;
&lt;h3 id="mcp-設定一次同步全部"&gt;&lt;a href="#mcp-%e8%a8%ad%e5%ae%9a%e4%b8%80%e6%ac%a1%e5%90%8c%e6%ad%a5%e5%85%a8%e9%83%a8" class="header-anchor"&gt;&lt;/a&gt;MCP 設定一次同步全部
&lt;/h3&gt;&lt;p&gt;這是我覺得最實用的設計。在 AionUi 裡設定一次 MCP（Model Context Protocol）工具，所有 agent 自動同步。不用每個 agent 各設一份 &lt;code&gt;mcp.json&lt;/code&gt;，改一個地方全部生效。&lt;/p&gt;
&lt;h2 id="內建-12-個專業助手"&gt;&lt;a href="#%e5%85%a7%e5%bb%ba-12-%e5%80%8b%e5%b0%88%e6%a5%ad%e5%8a%a9%e6%89%8b" class="header-anchor"&gt;&lt;/a&gt;內建 12 個專業助手
&lt;/h2&gt;&lt;p&gt;AionUi 不只是 agent 的啟動器，它還預裝了 12 個專業助手：&lt;/p&gt;
&lt;table&gt;
 &lt;thead&gt;
 &lt;tr&gt;
 &lt;th&gt;助手&lt;/th&gt;
 &lt;th&gt;用途&lt;/th&gt;
 &lt;/tr&gt;
 &lt;/thead&gt;
 &lt;tbody&gt;
 &lt;tr&gt;
 &lt;td&gt;Cowork&lt;/td&gt;
 &lt;td&gt;自動任務執行&lt;/td&gt;
 &lt;/tr&gt;
 &lt;tr&gt;
 &lt;td&gt;PPTX Generator&lt;/td&gt;
 &lt;td&gt;簡報生成&lt;/td&gt;
 &lt;/tr&gt;
 &lt;tr&gt;
 &lt;td&gt;PDF to PPT&lt;/td&gt;
 &lt;td&gt;格式轉換&lt;/td&gt;
 &lt;/tr&gt;
 &lt;tr&gt;
 &lt;td&gt;3D Game&lt;/td&gt;
 &lt;td&gt;單檔遊戲原型&lt;/td&gt;
 &lt;/tr&gt;
 &lt;tr&gt;
 &lt;td&gt;UI/UX Pro Max&lt;/td&gt;
 &lt;td&gt;57 種樣式、95 色盤&lt;/td&gt;
 &lt;/tr&gt;
 &lt;tr&gt;
 &lt;td&gt;Beautiful Mermaid&lt;/td&gt;
 &lt;td&gt;流程圖、序列圖&lt;/td&gt;
 &lt;/tr&gt;
 &lt;tr&gt;
 &lt;td&gt;Planning with Files&lt;/td&gt;
 &lt;td&gt;檔案型專案規劃&lt;/td&gt;
 &lt;/tr&gt;
 &lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;其中 Office 相關的功能（PPT、Word、Excel）底層用 OfficeCLI 驅動，生成的是可編輯的 &lt;code&gt;.pptx&lt;/code&gt;、&lt;code&gt;.docx&lt;/code&gt;、&lt;code&gt;.xlsx&lt;/code&gt;，不是 PDF 截圖。PPT 還支援 Morph 動畫過場。&lt;/p&gt;
&lt;h2 id="排程任務247-自動跑"&gt;&lt;a href="#%e6%8e%92%e7%a8%8b%e4%bb%bb%e5%8b%99247-%e8%87%aa%e5%8b%95%e8%b7%91" class="header-anchor"&gt;&lt;/a&gt;排程任務：24/7 自動跑
&lt;/h2&gt;&lt;p&gt;這個功能比較少見。你可以用自然語言設定排程任務，例如「每天早上 9 點整理昨天的 Git commit log」，AionUi 會轉成 cron 表達式自動執行。&lt;/p&gt;
&lt;p&gt;每個排程任務綁定一個對話，維持上下文。跑完之後結果直接送回對話視窗，也可以推到 Telegram、飛書、釘釘。&lt;/p&gt;
&lt;h2 id="預覽面板"&gt;&lt;a href="#%e9%a0%90%e8%a6%bd%e9%9d%a2%e6%9d%bf" class="header-anchor"&gt;&lt;/a&gt;預覽面板
&lt;/h2&gt;&lt;p&gt;AionUi 內建了檔案預覽，支援的格式很多：&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;文件&lt;/strong&gt;：PDF、Word、Excel、PowerPoint&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;程式碼&lt;/strong&gt;：30+ 語言，語法高亮&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;圖片&lt;/strong&gt;：PNG、JPG、SVG、WebP 等&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;標記語言&lt;/strong&gt;：Markdown、HTML，支援即時編輯&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;還能追蹤檔案變更、查看 Git 版本歷史、一鍵復原。&lt;/p&gt;
&lt;h2 id="webui-遠端存取"&gt;&lt;a href="#webui-%e9%81%a0%e7%ab%af%e5%ad%98%e5%8f%96" class="header-anchor"&gt;&lt;/a&gt;WebUI 遠端存取
&lt;/h2&gt;&lt;p&gt;桌面應用不一定要坐在電腦前面用。AionUi 可以開一個 WebUI，用 QR code 或密碼登入，從手機或其他電腦操作。支援 LAN 和跨網路存取。&lt;/p&gt;
&lt;p&gt;搭配 Telegram、飛書、釘釘的 bot 整合，可以在手機上對 AI agent 下指令，結果推播回聊天群組。&lt;/p&gt;
&lt;h2 id="技術棧"&gt;&lt;a href="#%e6%8a%80%e8%a1%93%e6%a3%a7" class="header-anchor"&gt;&lt;/a&gt;技術棧
&lt;/h2&gt;&lt;table&gt;
 &lt;thead&gt;
 &lt;tr&gt;
 &lt;th&gt;層&lt;/th&gt;
 &lt;th&gt;技術&lt;/th&gt;
 &lt;/tr&gt;
 &lt;/thead&gt;
 &lt;tbody&gt;
 &lt;tr&gt;
 &lt;td&gt;框架&lt;/td&gt;
 &lt;td&gt;Electron&lt;/td&gt;
 &lt;/tr&gt;
 &lt;tr&gt;
 &lt;td&gt;UI&lt;/td&gt;
 &lt;td&gt;React&lt;/td&gt;
 &lt;/tr&gt;
 &lt;tr&gt;
 &lt;td&gt;CSS&lt;/td&gt;
 &lt;td&gt;UnoCSS&lt;/td&gt;
 &lt;/tr&gt;
 &lt;tr&gt;
 &lt;td&gt;建置&lt;/td&gt;
 &lt;td&gt;Vite&lt;/td&gt;
 &lt;/tr&gt;
 &lt;tr&gt;
 &lt;td&gt;測試&lt;/td&gt;
 &lt;td&gt;Vitest + Playwright&lt;/td&gt;
 &lt;/tr&gt;
 &lt;tr&gt;
 &lt;td&gt;資料庫&lt;/td&gt;
 &lt;td&gt;SQLite（本地）&lt;/td&gt;
 &lt;/tr&gt;
 &lt;tr&gt;
 &lt;td&gt;語言&lt;/td&gt;
 &lt;td&gt;TypeScript&lt;/td&gt;
 &lt;/tr&gt;
 &lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;所有資料存在本地 SQLite，不會上傳到任何伺服器。想用本地模型（Ollama）的話，整個流程可以完全離線。&lt;/p&gt;
&lt;h2 id="安裝"&gt;&lt;a href="#%e5%ae%89%e8%a3%9d" class="header-anchor"&gt;&lt;/a&gt;安裝
&lt;/h2&gt;&lt;p&gt;從 &lt;a class="link" href="https://github.com/iOfficeAI/AionUi/releases" target="_blank" rel="noopener"
 &gt;GitHub Releases&lt;/a&gt; 下載對應平台的安裝檔。macOS 也支援 Homebrew。&lt;/p&gt;
&lt;p&gt;裝好之後，開啟應用就能用。如果你機器上已經有 Claude Code 或 Codex，AionUi 會自動偵測到。沒有的話，用內建 agent 搭配 API key 或 Google 登入也可以直接開始。&lt;/p&gt;
&lt;h2 id="跟單獨用-claude-code-比"&gt;&lt;a href="#%e8%b7%9f%e5%96%ae%e7%8d%a8%e7%94%a8-claude-code-%e6%af%94" class="header-anchor"&gt;&lt;/a&gt;跟單獨用 Claude Code 比
&lt;/h2&gt;&lt;p&gt;Claude Code 本身很強，但它就是一個 terminal 工具。AionUi 的定位不是取代它，而是把它跟其他 agent 放在同一個地方管理。&lt;/p&gt;
&lt;p&gt;幾個明顯的差異：&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;多 agent&lt;/strong&gt;：Claude Code 只能跑 Claude，AionUi 可以同時跑多種 agent&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;GUI&lt;/strong&gt;：有完整的桌面介面，檔案預覽、Office 生成、圖片處理都在裡面&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;排程&lt;/strong&gt;：Claude Code 沒有內建排程，AionUi 可以 24/7 自動執行任務&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;價格&lt;/strong&gt;：Claude Code 需要 API 費用或 $100/月訂閱，AionUi 本身免費&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;模型選擇&lt;/strong&gt;：不綁定單一模型提供商，20+ 平台隨切&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;如果你對 AI Agent 工具生態有興趣，之前寫過一篇 &lt;a class="link" href="https://recca0120.github.io/2026/03/15/cli-anything-agent-native-cli/" &gt;CLI-Anything：讓 AI Agent 操作任何軟體的通用橋樑&lt;/a&gt;，是從另一個角度切入——把既有軟體包成 CLI 讓 agent 呼叫。AionUi 則是反過來，從 agent 管理的角度出發。&lt;/p&gt;
&lt;h2 id="目前的狀態"&gt;&lt;a href="#%e7%9b%ae%e5%89%8d%e7%9a%84%e7%8b%80%e6%85%8b" class="header-anchor"&gt;&lt;/a&gt;目前的狀態
&lt;/h2&gt;&lt;p&gt;AionUi 還在快速迭代，GitHub 上有 4,400+ 次 commit。社群主要在 Discord（英文）和微信群（中文）。&lt;/p&gt;
&lt;p&gt;要注意的是，雖然星數不少，但這類 Electron 應用的記憶體佔用通常不低。如果你只用一種 agent，開個 terminal 跑 CLI 可能更輕量。AionUi 的價值在於你真的同時需要多種 agent、想要 GUI 管理、或者需要排程和 Office 生成這些額外功能的時候。&lt;/p&gt;
&lt;h2 id="參考資源"&gt;&lt;a href="#%e5%8f%83%e8%80%83%e8%b3%87%e6%ba%90" class="header-anchor"&gt;&lt;/a&gt;參考資源
&lt;/h2&gt;&lt;ul&gt;
&lt;li&gt;&lt;a class="link" href="https://github.com/iOfficeAI/AionUi" target="_blank" rel="noopener"
 &gt;AionUi GitHub Repository&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a class="link" href="https://www.aionui.com" target="_blank" rel="noopener"
 &gt;AionUi 官方網站&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a class="link" href="https://modelcontextprotocol.io/" target="_blank" rel="noopener"
 &gt;Model Context Protocol 規範&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a class="link" href="https://www.electronjs.org/" target="_blank" rel="noopener"
 &gt;Electron 官方文件&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;</description></item></channel></rss>