最近如果你常接觸 AI 開發、AI Agent 或開發者工具，應該很容易出現一種感覺：「怎麼每個東西一下叫 MCP，一下叫 Skill，一下又冒出 CLI？」明明都像是在「讓 AI 幫我做事」，為什麼名詞越來越多？ 很多開發者一開始也常看得霧煞煞。例如明明已經知道某個工具有 Skill，結果又看到它推出 CLI，心裡就會冒出一個問號：所以我到底是要用哪一個？還是兩個都要用？ 這不是大家故意把事情搞複雜，反而是因為 AI 協作時代真的來了，工具開始分層，於是名詞也跟著變多了。本篇文章將帶你深度解析這三者的定位，幫你建立清晰的 AI 工具觀念地圖。 核心觀念：釐清 CLI、Skill 與 MCP 的階層關係最簡單的理解方式是：這三個名詞不是互斥的競品，而是不同層級的入口。 CLI：給人類或 AI 直接操作的命令列入口。 Skill：給 AI 使用的能力封裝。 MCP：讓 AI 可以用標準方式接上外部工具和資源的協定。 如果要更白話一點： CLI 像是「工具的操作面板」 Skill 像是「AI 已經學會怎麼用的一招」 MCP 像是「AI 與工具之間的通用插座」 它們常常是在同一個生態系裡扮演不同角色，讓同一個能力能夠被不同使用者（人類或 AI）順利呼叫。 為什麼開發工具越來越重視 CLI 介面？因為 AI 很會處理文字，而 CLI 剛好就是純文字介面。 過去我們覺得 GUI（圖形化介面）很直覺，按鈕、選單對人類最友善。但對 AI 來說，GUI 的操作成本極高，它需要理解畫面、找按鈕、判斷狀態。相反地，CLI 非常單純：輸入是文字、輸出是文字、參數明確且結果結構化。 例如當你叫 AI 幫你部署專案、初始化設定或跑測試，如果背後有 CLI，AI 幾乎就能很自然地組出命令來執行。AI 操作 CLI 的成本極低、成功率高，且極易整合，這也是為什麼越來越多工具開始強化 CLI 支援。 時代演進：從「人機協作」到「AI Agent 獨立操作」以前的工具通常只有網站、後台與按鈕，由「人」手動操作。現在的工具則必須兼顧多重入口，包含 API、SDK、CLI、Skill 甚至 MCP Server。 這是因為現在的操作者不再只有人類，AI Agent 也要能操作工具。當一個工具想要同時服務一般使用者、開發者、自動化流程與 AI Agent 時，它自然就會長出不同層級的入口。 生活化比喻：用「餐廳點餐」秒懂工具分工假設你開了一家餐廳，同樣都是「點餐」，可以有很多入口： 客人現場看菜單點餐 打電話訂餐 外送平台下單 自動接單系統接 API 這些管道互不衝突，本質上都是同一個餐廳的能力。放到 AI 工具也是一樣： CLI：像打電話直接下明確的指令。 Skill：像店員已經會某套流程，知道怎麼幫你把事情處理好。 MCP：像統一的接單規格，外部平台都可以照這個標準格式接進來。 CLI 是什麼？為何它是 AI 最愛的溝通介面？CLI (Command Line Interface) 即命令列介面，讓你用文字指令直接操作工具。例如： 1234npm installgit commit -m "update"playwright testvercel deploy CLI 的核心優勢： 指令明確：一條指令做一件事，輸入輸出極度清晰。 容易自動化：非常適合 Shell Script、CI/CD 與批次流程。 易於被 AI 生成：AI 極度擅長根據需求組出合理的命令。 無須 GUI 依賴：對一次性任務與開發流程特別方便。 Skill 是什麼？如何讓 AI 具備專業技能？Skill 可以想像成「AI 已經包裝好的能力單元」。 它通常不只是某個工具本身，而是「AI 如何使用這個工具」的抽象化過程。當你請 AI「幫我用瀏覽器點開登入頁並檢查流程」時，如果 AI 具備對應的 Skill，它就會知道：該用哪個工具、先做什麼、後做什麼、以及如何處理回傳結果。 Skill 的重點在於：AI 是否已經具備這項能力，並知道怎麼把它用起來。 MCP 是什麼？解密 AI 串接外部資源的通用協定MCP (Model Context Protocol) 是一個讓 AI 能用標準方式接上外部工具的協定。 過去每個工具都要各自開發整合方法，對 AI 系統來說維護成本極高。有了 MCP 之後，工具只要照著標準規格暴露能力，AI 就能輕鬆理解這個工具提供哪些功能、參數該怎麼傳遞、結果如何取得。MCP 更像是「規格」或「接口標準」，而不是某個單一的執行功能。 觀念統整：建立你的 AI 工具腦中地圖怕混淆的話，請記住這個最簡單的框架： CLI 解決：「怎麼操作工具？」 Skill 解決：「AI 會不會用這個工具？」 MCP 解決：「外部能力怎麼標準化接進來？」 業界案例分享：Playwright、GitHub 與 Vercel 的應用案例一：Playwright 自動化測試 CLI：你自己下達 npx playwright test 指令跑測試或錄製腳本。 Skill：你對 AI 說「幫我測試登入流程」，AI 透過內建的 Skill 幫你操作 Playwright。 MCP：AI 系統需要用標準方式接入瀏覽器自動化能力時，將 Playwright 暴露成可呼叫工具。 案例二：GitHub 專案管理 CLI：你使用 gh pr create 來建立 Pull Request。 Skill：AI 自動幫你看 PR 差異、整理 Issue 並產生 Commit 訊息。 MCP：讓 AI Agent 可以標準化地接進 GitHub API，執行完整的 Repo 管理。 案例三：Vercel 雲端部署 CLI：手動輸入 vercel deploy 發布專案。 Skill：AI 幫你檢查部署設定、排查 Build Error 或修正環境變數。 MCP：把專案狀態查詢與部署能力標準化，提供給 AI Agent 隨時呼叫。 實用評估指南：如何判斷當下該使用哪一層級？當你看到一個新工具時，可以問自己三個問題： 操作對象是誰？自己操作先看 CLI；讓 AI 幫你操作先看 Skill。 任務性質為何？一次性任務用 CLI 通常最快；長期且複雜的系統整合則需要 API 或 MCP。 你的角色是什麼？如果你只是「使用者」，Skill + CLI 就足夠；如果你在「建立 AI 工具鏈」，就必須深入理解 MCP。 總結：打破競品迷思，擁抱 AI 工具新生態很多開發者一看到新名詞，就會擔憂「是不是舊工具要被取代了？」。但實際上，CLI、Skill 與 MCP 常常是分工關係，而非競爭關係。 同一個能力同時存在這三種入口，反而代表這個工具正在邁向成熟，能同時滿足人類開發者、AI 輔助與系統整合的需求。記住一句話：CLI 是操作入口，Skill 是 AI 能力，MCP 是整合標準。看懂了這個生態拼圖，你就能在 AI 時代輕鬆駕馭各種新興工具！ 常見問答 (FAQ)Q：我只是個普通的終端開發者，沒有在開發 AI Agent，還需要了解 MCP 嗎？A：現階段你不一定要「開發」MCP，但了解 MCP 的概念非常有幫助。因為未來會有越來越多好用的開發工具採用 MCP 協定，當你懂 MCP，你就能輕易將各種外部資料庫或工具無縫接入你日常使用的 AI 編輯器（如 Cursor）中，大幅提升開發效率。 Q：既然 AI 已經可以透過 Skill 幫我做事，我是不是不用再學 CLI 語法了？A：兩者並不衝突，甚至相輔相成。雖然 AI 可以代勞，但當你需要進行本機精細除錯、手動重現問題、或者將腳本整合進無 AI 環境的 CI/CD 流程時，CLI 仍然是不可或缺的基石。Skill 幫你省去學習複雜語法的認知負擔，但 CLI 確保了你對系統的絕對掌控權。 Q：為什麼同一個工具會有 CLI 也有 Skill？這樣不會多此一舉嗎？A：不會。CLI 解決的是「可操作性」（讓機器或人可以透過文字執行），而 Skill 解決的是「好協作性」（讓 AI 知道流程與邏輯）。就算 AI 有了 Skill 去幫你執行任務，底層往往還是透過呼叫 CLI 或 API 來完成。提供多重入口是為了服務不同情境與不同角色。 Q：MCP 跟一般 API 有什麼差別？A：API 是開發者直接呼叫的介面，通常需要知道參數與程式流程；MCP 則是為 AI 設計的「通用語境協定」，它不只暴露能力，還描述用途、參數、回傳格式和行為限制，讓 AI 平台可以用一致方式理解、選擇與串接工具。簡單來說，MCP 是 API 的「AI 標準化版本」。 Q：我有一個任務，該先用 CLI、Skill，還是直接找 MCP？A：先看任務性質。 想要自己操作、確認每一步，或寫成 shell script：選 CLI。 想要讓 AI 直接用自然語言完成複雜流程：選 Skill。 想要把能力標準化、跨工具串接、讓多種 AI 都能呼叫：選 MCP。實際上，最常見的路徑是「先有 CLI，再包成 Skill，最後用 MCP 做標準化整合」。 Q：如果我現在只會用 CLI，未來是否還需要補上 Skill/MCP 的知識？A：是的。CLI 是基礎，但當你想讓 AI 幫你自動執行日常工作、把工具能力交給 AI 使用，Skill 能讓你更快實現；如果你要在企業內部整合多個系統，MCP 就能幫你避免「每個工具都要重新整合一次」的問題。這三者累積起來，才是真正的 AI 工具鏈能力。 Q：Skill 和 MCP 哪個更適合企業導入？A：兩者各有定位。 Skill 適合讓 AI 用自然語言執行特定任務，例如客服流程、內容生成、測試引導。 MCP 適合企業級資源整合，例如跨系統資料查詢、內部資源呼叫、AI Agent 需要訪問特定資料源。最理想的情況是：把穩定核心能力做成 MCP 工具，再在此基礎上為 AI 提供 Skill 層，實現既穩定又易用的自動化體驗。

為什麼你需要 Spokenly？開口就能寫的 4 倍速體驗在快節奏的工作環境中，打字速度往往跟不上大腦思考的速度。今天要為大家介紹一款極具潛力的 Mac 平台小工具——Spokenly。它的核心理念非常直觀：「開口說，就能寫」，透過強大的 AI 語音辨識技術，官方宣稱能幫助使用者將寫作速度大幅提升 4 倍。 Spokenly 能夠在背景隨時待命，只要按下快捷鍵，就能即時將你的語音轉化為精準的文字，不僅支援多種語言，還能完美整合到你日常使用的各種應用程式中。 Spokenly 方案解析：免費本地模型與付費進階功能目前 Spokenly 提供了 macOS 版本，並在網路上獲得了包括知名開發者保哥（Will 保哥）在內的多位專家好評。在費用與方案上，主要分為以下幾種模式： 完全免費（本地模型）： 只要你的 Mac 效能許可，下載並使用本地端的語音辨識模型（如 Apple 內建語音分析器）是完全免費的，這也是多數使用者的首選。 自備 API 金鑰 (BYOK)： 允許進階使用者串接自己的 API（如 OpenAI、Google Gemini 等），依使用量自行計費。 Spokenly Pro 訂閱制： 若不想自己處理複雜的 API 設定，也可以直接付費升級 Pro 版本，享受更進階的雲端辨識服務。 如何挑選並測試語音辨識模型？安裝完 Spokenly 後，你會發現系統內建了多種模型供你選擇，例如 Apple 自家的語音分析器、NVIDIA 的模型，以及開源的 Qwen（千問）模型。 實測 Apple 內建語音分析器經過實際測試，在一般環境下，Apple 的模型已經具備極高的準確度。然而，在背景噪音較大或是中英夾雜的情況下，仍可能出現以下小瑕疵： 同音字誤判： 例如將人工智慧的「AI」聽成中文的「哀」。 特殊符號與格式遺失： 像是唸出電子郵件地址「test123@example.com」時，可能會被辨識成零碎的英文字母與單字拼湊（如 test123 小老鼠 example dot com）。 若遇到純英文的模型（如部分 NVIDIA 模型），則無法處理中文語音。綜合評估下來，對於 Mac 使用者，Apple 內建的語音分析器是目前兼顧速度與準確度的最佳本地選擇。 1今天下午三點半，我在台北 101 附近開會，順便測試一個新的語音辨識模型。這個 model 的準確率大概是 92.5%，但在背景有點吵的情況下，還是會把「AI」聽成「哀」。另外，我剛剛說的 email 是 [email protected]，記得幫我記下來。最後一件事，下週一（4 月 15 號）上午 10 點，再提醒我確認專案進度，OK 嗎？ 突破辨識極限！如何串接 Gemini API 進行 AI 自動校正？Spokenly 最強大的「殺手級功能」，在於它允許你搭配 AI 提示詞（Prompt）進行文字後處理。這意味著，你可以先用本地模型快速將語音轉成逐字稿，再交由強大的 LLM（大型語言模型）自動幫你抓錯字、排版並加上標點符號。 步驟一：取得 Google Gemini API Key以網路上公認 CP 值極高的 Gemini 3.1 Flash Lite Preview 為例，非常適合用來做快速的文字修正： 前往 Google AI Studio。 點擊左側選單的 Get API key 並建立一把新的金鑰。 複製該金鑰。 步驟二：在 Spokenly 中設定 AI 後處理 打開 Spokenly 的「AI 提示」設定。 在「進階設定」的 AI 提供商中，選擇新增並填寫名稱、貼上剛剛複製的 API Key。 指定模型名稱為 gemini-3.1-flash-lite-preview。 步驟三：設定超強 AI 提示詞 (Prompt)設定完成後，請在 Spokenly 的「提示詞」區塊輸入以下設定。當你錄音結束後，Spokenly 就會自動套用這個 Prompt，將凌亂的逐字稿瞬間變成可直接發送的專業文本！ 123456修正為自然繁體中文，保留原意與口語感。修正錯字、標點、分段。英文與技術名詞保留原樣（如 API、React、Node.js）。只輸出結果。{{text}} 總結：用語音解放雙手，迎接 AI 高效時代在 AI 時代，學會利用工具來加速資訊輸出是提升競爭力的關鍵。Spokenly 不僅僅是一個簡單的錄音軟體，它結合了「本地免費辨識」與「雲端 AI 智慧校正」的雙重優勢。無論你是要回覆 Email、撰寫企劃案，還是與 AI 助理（如 ChatGPT）進行深度對話，Spokenly 都能為你省下大量的打字時間。 🔗 相關資源連結 Spokenly 官方網站 (繁體中文) Google AI Studio (取得 Gemini API 金鑰) 常見問答 (FAQ)Q：Spokenly 是完全免費的嗎？需要連網才能使用嗎？A：Spokenly 支援「本地模型」模式（如 Mac 內建的 Apple 語音分析器），這種模式是完全免費且不需要連上網路即可使用的，非常適合重視隱私與離線工作環境的使用者。 Q：如果語音辨識出現同音錯字或中英夾雜辨識不良怎麼辦？A：這正是 Spokenly 的強項。你可以透過內建的「AI 提示」功能，串接 Google Gemini 或 OpenAI 的 API，並設定專屬的提示詞（Prompt），讓 AI 在語音轉化為文字後，自動幫你修正錯字、還原英文專有名詞並進行排版。 Q：Spokenly 可以在 Windows 電腦上使用嗎？A：目前 Spokenly 主要提供針對 Apple 生態系優化的 macOS 版本（以及支援 iPhone）。若你是 Windows 使用者，可能需要尋找其他支援跨平台的語音辨識替代方案。

在生成式 AI 崛起的時代，讓搜尋引擎「找到」你的網站已經不夠，你還必須讓 AI「讀懂」你的網站。為了幫助開發者與網站站長適應這個趨勢，我開發了一款專注於 AEO (Answer Engine Optimization, AI 搜尋引擎優化) 的實用小工具——AEO Fixer。 你可以直接前往 AEO Fixer 官方網站 開始檢測。透過 AEO Fixer，你可以快速優化網站內容結構，使其更契合 ChatGPT、Perplexity 等 AI 搜尋與生成結果的需求。以下將帶你快速了解如何使用這套工具。 如何一鍵掃描並揪出網站的 AEO 痛點？使用 AEO Fixer 的流程非常直覺，只需幾個簡單的步驟，就能完成網站體質的全面健檢： 輸入檢測網址：進入 AEO Fixer 網站首頁，在中央的輸入框中填入你想要檢測的網址（例如你的部落格或企業官網）。 啟動深度掃描：點擊「立即掃描」，系統會自動爬取首頁內容，並根據最新的 AI 搜尋引擎抓取邏輯進行技術判定。 查看健檢報告：掃描完成後，系統會產出一份專屬報告，標示出需要人工調整的重點項目，幫助你快速掌握網站目前的 AEO 狀況。 如果你想直接體驗，可以從這裡進入：https://aeofixer.skypassion5000.workers.dev/ 搭配 Cursor 編輯器：如何透過 AI 提示詞無痛修復網站？AEO Fixer 最強大的功能在於，它不僅能幫你「找出問題」，還能直接幫你「解決問題」。 針對報告中列出的待修改項目，AEO Fixer 提供了極致便利的「一鍵複製修補建議」功能。系統會自動生成專屬的 AI Coding Prompt (AI 程式碼提示詞)，你只需要按照以下步驟操作： 點擊複製 AEO Fixer 產出的完整修補提示詞。 打開具備 AI 輔助功能的程式碼編輯器（強烈推薦使用 Codex）。 將提示詞貼給 AI 助手，請它直接幫你在專案中執行代碼修補。 透過這個工作流，系統就能自動完成結構化資料的調整與優化，大幅省去手動除錯的時間。 針對不同網站框架的後續優化策略目前 AEO Fixer 的程式碼修補建議主要是以 Next.js 框架為主。然而，如果你使用的建站平台是 WordPress、Wix 或是其他技術堆疊，這套健檢邏輯依然適用。 你可以根據報告中點出的核心問題（如 Meta Data 缺失、語意化標籤不完整等），在對應的後台進行手動調整。若你有客製化框架的優化需求，也歡迎透過 YouTube 頻道 或聯絡方式與我（享哥）討論，我們將為你打造專屬的 AEO 升級方案。 常見問答 (FAQ)Q：什麼是 AEO (Answer Engine Optimization)？A：AEO 全名為 Answer Engine Optimization（解答引擎優化），是專門針對 ChatGPT、Perplexity 等 AI 搜尋引擎所進行的優化策略。目的是讓 AI 能夠更精準、快速地讀取並理解你的網站內容，進而在生成回覆時優先引用你的網站。 Q：使用 AEO Fixer 掃描會影響我的網站效能或運作嗎？A：完全不會。AEO Fixer 的掃描機制如同一般的網頁訪客，只會單純地造訪你的首頁並讀取公開內容，不會對網站伺服器造成額外負擔或修改任何數據。 Q：AEO 掃描分數代表什麼意義？多少分才算及格？A：報告分數反映了你網站目前的 AI 友善程度： 80 分以上：代表網站已具備良好的 AEO 優化基礎。 50 到 79 分：表示網站體質尚可，但仍有明顯的改善空間。 50 分以下：強烈建議根據報告優先進行緊急修補，以免在 AI 搜尋結果中失去競爭力。 備註：同一個網站的掃描結果會快取保留 1 小時，若您已完成修復，可於 1 小時後點擊「重新掃描」來驗證最新分數。 Q：AEO Fixer 適合哪些網站使用？A：只要你的網站有對外公開的頁面，基本上都適合先用 AEO Fixer 做初步健檢。無論你是使用 Next.js、WordPress、Wix、Shopify，或其他自架網站技術，都可以先透過掃描了解目前是否存在結構化資料不足、標題語意不清、Meta 資訊不完整等常見問題。 Q：掃描完成後，AEO Fixer 能幫我做到什麼程度？A：AEO Fixer 目前最核心的價值有兩個：第一是快速找出網站在 AI 搜尋可讀性上的關鍵缺口；第二是提供可直接交給 AI 編輯器的修補提示詞。也就是說，它能大幅縮短你從「發現問題」到「開始修正」的時間，但最終仍需要你或工程師將修補內容實際套用到網站中。 Q：如果我的網站不是 Next.js，也能使用修補建議嗎？A：可以。雖然目前產出的程式碼修補建議偏向 Next.js 專案更容易直接套用，但報告中指出的優化方向本身是跨框架通用的。你可以把這些建議交給熟悉你網站技術棧的工程師，或直接貼給 AI 工具，請它改寫成適合 WordPress、Wix、Shopify 或其他框架的版本。 Q：AEO Fixer 和傳統 SEO 工具有什麼不同？A：傳統 SEO 工具通常更重視關鍵字、反向連結、索引狀態與搜尋結果排名；AEO Fixer 更聚焦在 AI 是否容易讀懂、整理並引用你的內容。它特別關注頁面語意結構、內容可解析性、回答導向的資訊組織，以及是否具備足夠的結構化訊號，這些都是 AI 搜尋時代越來越重要的基礎能力。 Q：我修完之後，多久可以再驗證成果？A：如果你剛完成調整，建議先確認網站已經正式部署上線，再回到 AEO Fixer 重新掃描。由於系統會保留快取 1 小時，因此同一個網址通常建議在 1 小時後再次檢測，才能更準確反映最新版本的修正成果。 Q：要去哪裡開始使用 AEO Fixer？A：直接前往這個網址即可開始掃描你的網站：https://aeofixer.skypassion5000.workers.dev/

今天的主題非常特別，我們將深入探討如何利用 Claude 的協作功能（Co-work / Workspace）來完成一項許多上班族的痛點任務——自動製作 PPT 簡報。透過這套 AI 自動化流程，你只需要準備好大綱與空白模板，剩下的排版與生成工作通通交給 AI，最快 10 到 15 分鐘就能拿到一份完整的簡報成品！ 準備步驟：如何建立專屬的 AI 簡報工作區？要讓 Claude 幫你精準產出簡報，前期的資料準備非常關鍵。請跟著以下步驟建立你的專案環境： 建立專屬資料夾：在桌面上開啟一個新的資料夾，作為這次簡報生成的工作區。 匯入品牌模板：將你平常使用的「空白簡報模板」放入資料夾中。這一步非常重要，這能確保 AI 產出的簡報符合你的品牌風格（例如：保留你的首頁設計與結尾感謝頁）。 準備內容大綱：預先準備好你要製作的簡報文字內容或企劃大綱。 實戰核心：如何下達 Prompt 讓 Claude 批量生成？準備好素材後，我們就可以請 AI 開始工作了。你可以先透過其他的 AI 工具（如 ChatGPT）根據你的主題生成大綱，接著將這些大綱餵給 Claude，並下達明確的指令。 你可以參考以下這段 Prompt 架構： 123456789101112請根據我提供的空白簡報模板（[你的模板名稱.pptx]），以及以下的大綱內容，幫我製作一份完整的 PPT 簡報。簡報主題：AI 內容工廠 - 一鍵生成 100 支短影片腳本大綱架構：1. 開場金句（直接套用：大多數人不是不會做短影片，是撐不久...）2. 痛點放大（約 10 分鐘：為什麼 99% 的人做不起來？）3. 實作核心（約 45 分鐘：輸入 1 主題，產出 100 個腳本）...（貼上完整大綱）...要求：- 必須保留模板的第一頁（封面）與最後一頁（封底）。- 中間內容請依照大綱邏輯，自動進行排版與視覺化。 送出指令後，Claude 就會開始執行簡報的編譯與視覺化 QA（品質檢驗）。根據測試，大約只需要 10 到 15 分鐘，AI 就能從無到有產出一份包含 15 頁內容的完整簡報檔。 成果優化：如何精修排版與品牌視覺？當 Claude 產出簡報後（例如下載為 PPTX 格式），你可以打開檔案進行對照與微調。你會發現： 首尾一致性：AI 會完美沿用你提供的第一頁（封面）與最後一頁（QR Code 或感謝頁）的設計。 中間頁面排版：AI 會根據你提供的大綱自動填入文字，並進行初步排版。 進階優化技巧：如果生成的排版風格不如預期（例如顏色不對、字體大小不統一），不用擔心。你可以在後續的對話中，加入更明確的「品牌風格指令」。例如： 1請確保所有標題使用 [字型名稱]、大小為 [XX]，並使用 [色號代碼] 作為強調色。你可以參考我過去簡報的視覺風格來進行排版。 只要給予足夠的分析資料與指令，Claude 就能更貼近你的專屬簡報風格，徹底擺脫過去手動一頁一頁調整格式的痛苦！ 想讓 AI 生成的簡報更穩，關鍵不是模型，而是輸入品質很多人第一次用 AI 做簡報時，最容易誤會的一點是：以為只要模型夠強，簡報就會自動變得專業。實際上，真正決定成果品質的，通常不是模型名稱，而是你提供給 Claude 的素材是否夠完整。 如果你只丟一段主題給 AI，例如「幫我做一份 AI 行銷簡報」，那它大多只能產出一份泛用型內容；但如果你能同時提供以下資訊，結果通常會穩很多： 明確的大綱結構：每一段要講什麼、順序怎麼排、哪裡要當重點頁。 既有模板檔案：包含封面、配色、字體風格、頁首頁尾等品牌元素。 講者情境：這份簡報是對客戶提案、內部報告、課程教學，還是銷售簡報？ 頁數與節奏要求：例如希望控制在 12 到 15 頁，每頁不要過滿。 視覺偏好指令：例如偏商務、偏極簡、偏高對比，或要保留特定 icon 與圖表風格。 換句話說，Claude 更像是一位執行能力很強的簡報協作助手，而不是會自動讀心的設計總監。你給它的上下文越完整，它輸出的內容就越接近可直接上台使用的版本。 給新手的實務建議：第一次不要追求一次到位如果你是第一次測試這種 AI 簡報工作流，建議不要一開始就丟最重要的提案簡報。比較穩的方式，是先拿一份你已經熟悉主題、而且結構清楚的內容做測試，目的是先驗證三件事： 模板有沒有被正確沿用：封面、封底、色系與版型是否保留下來。 內容切頁有沒有合理：AI 有沒有把一整段文字硬塞進同一頁。 後續修改成本高不高：你拿到成品後，是小修即可，還是幾乎要重做。 當你第一次跑完流程後，建議把不滿意的地方整理成明確規則，例如： 標題最多 14 字 每頁列點不超過 5 點 遇到流程說明優先改成圖解型版面 結論頁一定要包含 CTA 與聯絡方式 這些規則一旦整理好，之後就能變成你的固定 Prompt 模板。未來每次只要換主題，不用再從零開始調整，整體產出速度會快很多。 常見問答 (FAQ)Q：使用 Claude 生成簡報，會不會失去原本的品牌風格？A：不會的。核心秘訣在於「提供空白模板」。只要你在上傳需求時，一併附上帶有你品牌識別（Logo、特定配色、首尾頁設計）的 PPT 模板，Claude 就會在該框架下生成內容，確保品牌視覺的一致性。 Q：AI 生成出來的簡報可以後續手動修改嗎？A：當然可以。Claude 最終產出的是標準的簡報格式檔案。你可以直接用 PowerPoint 或 Keynote 打開，針對裡面的文字、圖片或排版進行自由微調，你依然擁有 100% 的修改控制權。 Q：如果覺得 AI 排版出來的樣式很陽春，該怎麼辦？A：這通常是因為指令不夠具體。建議你先請 Claude 讀取並分析你過去做過、覺得好看的簡報檔案，然後在 Prompt 中明確指定「字體大小、標題顏色、列點方式」，讓 AI 掌握你的排版邏輯，下一次生成的品質就會大幅提升。 Q：用 Claude 做簡報，真的能取代 PowerPoint 手動排版嗎？A：比較精準的說法是「大幅減少手動排版時間」，但通常還不會完全取代人工。Claude 很適合先完成 70% 到 90% 的初稿，包括頁面拆分、標題整理、內容填入與基本版型延用；但如果是高層提案、投資人簡報或重要課程教材，最後仍建議人工做一次視覺與訊息密度校正。 Q：我應該先準備完整逐字稿，還是只給大綱就夠了？A：兩種都可以，但用途不同。如果你要的是「快速出初稿」，給大綱就夠；如果你要的是「內容精準、邏輯完整、接近可直接上台講」，那最好提供逐字稿、重點段落或你原本的企劃內容。大綱適合做架構，逐字稿則更能幫助 AI 抓到你真正想表達的語氣與細節。 Q：Claude 生成簡報通常適合哪些類型的內容？A：最適合的是結構清楚、重點明確的簡報，例如課程簡報、內部教育訓練、顧問提案、服務介紹、產品說明、工作坊教材與內容行銷型簡報。相對來說，如果是高度依賴精細動畫、複雜圖表、互動效果或極高設計要求的發表會簡報，AI 可以先做底稿，但後段仍需要設計師細修。 Q：如果 Claude 把內容切頁切得很怪，問題通常出在哪裡？A：大多不是模型失常，而是原始內容沒有明確段落層級。當一份大綱沒有標示「章節、子題、重點、案例、結論」時，AI 很容易把資訊切得過碎，或反過來把太多內容塞進同一頁。比較好的做法是先把大綱整理成一層一層的結構，再清楚標記哪些段落要獨立成頁。 Q：我可以直接丟一份 Word、Notion 或純文字內容給 Claude 嗎？A：可以，但建議先整理過再丟。因為原始文件常常包含很多不適合直接上投影片的內容，例如過長段落、重複描述、備註型文字或講者腦中才懂的提示。先把內容整理成「標題 + 重點列點 + 案例補充」的格式，AI 轉成簡報時會準很多。 Q：如果我的簡報需要圖表、流程圖或案例頁，Claude 也能一起處理嗎？A：可以先幫你建立頁面結構與內容建議，但圖表與流程圖的精緻程度，通常還是取決於模板、素材與你給的指令清不清楚。若你希望某頁一定要做成流程圖、比較表或三欄式案例頁，最好直接在 Prompt 中說明，不要只寫「請幫我排版得好看一點」。 Q：為什麼有時候 AI 生成的簡報文字很多，看起來像把文章貼上去？A：這是 AI 做簡報很常見的問題，本質上是「把文件摘要」和「做投影片」混在一起。投影片不是文章頁面，而是輔助口說的視覺媒介，所以一頁通常只需要保留最核心的資訊。你可以在指令中明確要求：每頁只保留 3 到 5 個重點、每點一句話、必要時改成圖解或流程式表達，這樣會明顯改善。 Q：第一次使用這種 AI 簡報流程，最推薦怎麼測試？A：建議先挑一份你已經做過、而且很熟悉的舊簡報主題來測。這樣你最容易判斷 AI 是真的幫你省時間，還是只是換一種方式增加修改成本。第一次測試不要追求完美，而是先看它能不能穩定保留模板、正確切頁，並讓你在 15 到 30 分鐘內完成最後微調。 Q：這種做法最適合哪些人導入？A：最適合的是有固定產出簡報需求的人，例如顧問、講師、業務、行銷企劃、知識型創作者、內訓講師與中小企業老闆。只要你常常在做「把同一套邏輯換主題重做簡報」這件事，就很適合把大綱整理、初稿排版與版型套用交給 Claude 先完成。

為什麼你需要專屬的政府標案監控系統？大家好，我是想哥，致力於用 AI 改變世界。對於經常參與政府標案的企業或個人來說，每天到「政府電子採購網」搜尋案子是例行公事。然而，傳統的搜尋介面往往不夠直覺，手動查找不僅耗時，還極易錯失黃金商機。 為了解決這個痛點，坊間推出了許多標案監控的付費平台。這些平台確實好用，但通常需要支付一筆不小的年費（例如每年高達 8,800 元）。這促使我思考：既然我們已經處於 AI 時代，何不透過 Vibe Coding 自己打造一套專屬的監控系統？ 這不僅是一個能幫你「精準賺錢」的工具，若你自己動手開發，更是一個能立即「省錢」的解決方案。今天，就帶大家來開箱我透過 Vibe Coding 完成的 MVP 作品——**Tender Radar (政府標案監控平台)**。 如果你想先看看實際成果，也可以直接前往體驗網站：Tender Radar。 每年省下近萬元！Tender Radar 核心功能解析透過 Tender Radar 系統，你可以完全掌握標案資訊。以下是系統的三大核心應用場景： 1. 串接公開 API，打造直覺的高效搜尋介面系統底層串接了 g0v 與政府公開的 API 數據，目前已成功匯入超過兩千多筆的標案資料。我們將傳統複雜的介面，轉化為簡潔的資料看板（Dashboard）。你可以透過關鍵字快速檢索，並直接點擊連結跳轉回政府電子採購網查看原始公告，大幅縮短前置作業時間。 2. 建立個人化追蹤條件與 AI 智能評分門檻這是本系統最具價值的地方。你可以建立「個人追蹤條件」，精準定義你想要的商機： 關鍵字設定： 包含字（如：工程、設備、系統、維護）與排除字。 精細篩選： 設定履約地區、預算上下限、截止天數等。 智能評分系統： 系統內建了「分數門檻」與「通知門檻」。透過 AI 輔助設計的評分權重機制，當標案高度符合你的條件時會獲得高分。你可以設定只有達到特定分數（例如命中多個關鍵字）才觸發通知，徹底避免垃圾資訊干擾。 3. LINE 與 Email 自動化精準推播再也不用每天主動刷網頁了！系統會在每天早上 8 點執行排程掃描（也可手動一鍵觸發）。當偵測到符合你高分門檻的新標案時，系統會自動透過以下管道推播給你： LINE 推播： 傳送摘要卡片，包含標案名稱、預算、截止日與直達連結。 Email 通知： 將詳細的標案清單整理成列表，寄送至你的信箱。所有通知紀錄、成功與失敗狀態，甚至熱門機關與類別的數據分析，都能在後台的視覺化報表中一覽無遺。 如何擁有這套自動化標案系統？這個 Tender Radar 系統目前已經具備了完整的 MVP（最小可行性產品）架構。未來，我計畫將其發展成兩種模式： SaaS 訂閱服務： 提供給不想寫程式，但需要高效工具的企業使用。 實戰教學課程： 將這套系統的開發過程包裝成課程，教導大家如何利用 Vibe Coding 與 AI 工具，一步步建構出屬於自己的自動化系統。 如果你對這套系統的部署、SaaS 服務，或是未來的教學課程有興趣，歡迎隨時與我聯絡！ 常見問答 (FAQ)Q：這套標案監控平台的資料更新頻率與準確度如何？A：系統底層直接串接政府電子採購網與 g0v 的公開 API，資料與官方同步。配合每日早上的自動化排程掃描，能確保你在第一時間獲取最新、最準確的標案公告，不會有漏接的問題。 Q：設定中的「分數門檻」與「通知門檻」具體是如何運作的？A：這是一種防干擾的智能過濾機制。當標案符合你的「包含關鍵字」或「特定地區」時會累加分數。你可以設定「分數門檻」（例如 12 分才算及格被收錄）以及更高的「通知門檻」（例如 20 分才主動發 LINE 通知）。這套計分邏輯也可以請 AI 幫忙撰寫與優化，確保推播給你的都是精準的高價值商機。 Q：我完全沒有程式基礎，也能學會用 Vibe Coding 做出這個系統嗎？A：絕對可以！Vibe Coding 的核心精神就是讓 AI 成為你的工程師。只要你能清楚定義商業邏輯與需求（如：需要什麼欄位、用什麼方式通知），配合適當的 AI 工具引導，即使是零基礎也能一步步建置出這套自動化系統。 相關連結 Tender Radar 體驗網站

Google 近期推出的 Stitch 在開發者社群中引起了廣大迴響，其強大的 UI 生成能力令人驚豔。透過結合 MCP (Model Context Protocol) 協定，我們可以讓 AI Agent 自動化處理繁瑣的前端切版工作。 本文將以一個「美甲美容預約系統」的 Next.js 網站為例，帶你一步步拆解如何從零開始，利用 Google Stitch MCP 快速產出具備高質感的網頁 UI。 先收藏 3 個官方入口如果你想快速上手，建議先把下面 3 個官方資源打開，後續安裝與操作時會用得到： Stitch 官網：先了解 Stitch 的整體能力，包含從提示詞生成 UI、調整版型與匯出成果的核心流程。 Stitch MCP 官方安裝文件：用來設定 MCP Server、完成 API Key 綁定，這是讓 AI Agent 真正能呼叫 Stitch 的關鍵步驟。 stitch-skills GitHub 倉庫：Google Labs 提供的 Agent Skills 集合，能讓 Cursor、Claude Code、Gemini CLI 等工具更有效率地配合 Stitch 工作。 如何快速完成 Stitch MCP 環境部署？要讓 AI 能夠直接呼叫 Stitch 的生成能力，我們需要先完成 MCP 伺服器的安裝與 API 金鑰設定。 安裝 Stitch MCP 伺服器在您的 AI 代理開發環境（例如 Cursor、Antigravity 等支援 MCP 的工具）中，開啟 MCP Servers 管理介面，搜尋 stitch 並點擊安裝 (Install)。這一步將會自動化載入所需的環境設定。若想對照完整流程，可以直接參考 Stitch MCP 官方安裝文件。 獲取 API 金鑰 (API Key)安裝過程中，系統會引導您前往 Stitch 的官方網頁設定。請在設定頁面中點擊「建立金鑰」，生成專屬的 API 金鑰，並將其貼回您的 MCP 設定中妥善儲存以完成身分驗證。 擴充 AI 開發火力：安裝 Stitch Skills光有基礎 MCP 還不夠，為了讓 AI 具備更專業的前端工程師思維，我們需要導入 stitch-skills。 這是一個專為 Stitch MCP 伺服器設計的 Agent 技能函式庫，相容於 Gemini CLI、Claude Code 與 Cursor。透過安裝 GitHub 上的 stitch-skills 擴充套件，AI 就能夠遵循更嚴謹的開發標準進行作業，大幅減少生成過程中的邏輯錯誤。 根據該 GitHub 倉庫說明，stitch-skills 內建多種實用能力，例如： stitch-design：負責 Stitch 設計工作流的統一入口。 stitch-loop：可從單一提示詞延伸成完整多頁網站流程。 design-md：協助整理設計系統與 DESIGN.md 文件。 react:components：將 Stitch 畫面轉成 React 元件系統，並維持設計 Token 一致性。 如果你平常就是用 AI 編輯器協作開發，這一層 skills 幾乎就是把 Stitch 從「會生成畫面」升級成「更懂前端交付流程」。 實戰演練：從需求規劃到自動生成 Next.js 網站環境建置完畢後，我們就可以開始向 AI 下達開發指令 (Prompt)。以下為本次美甲預約網站的標準化生成流程： 1. 啟動 SDD (軟體設計文件) 開發流程不要讓 AI 直接寫程式碼，而是要求它先執行 SDD (Software Design Document) 流程。AI 會依序產出結構化的規格文件（Spec）、開發計畫（Plan）與任務清單（Task）。這能確保 AI 清楚理解版面規劃，包含：導覽列 (Navbar)、Hero 區塊、服務項目、作品集與顧客評價等區塊。 1我想做一個美容美甲的預約系統，使用next.j做，先做首頁就好 ，執行 SDD 開發流程，依序產出結構化的 spec、plan 與 task 等規劃文件 2. 制定設計規範 (Design Tokens)在產出程式碼前，AI 會依據主題（如：柔和女性化、優雅高質感）自動建立設計系統。例如設定主色為「玫瑰粉 (#D4A5A5)」、背景色為「奶油米」，並指定字型（Playfair Display 與 Inter）。這些 Tokens 將成為後續 UI 生成的核心基準。 3. 呼叫 create_project 執行 UI 生成當規劃完成後，AI 會調用 Stitch MCP 的 create_project 方法。系統會自動下載所需套件（如 Tailwind CSS）、處理字型與圖標，並開始生成首頁的設計稿與原始碼。 完美還原設計稿：如何解決排版誤差？在初步生成後，您可能會發現瀏覽器渲染的畫面（localhost:3000）與 Stitch 原始設計稿有些微出入。這時不需要手動調整 CSS，只需遵循以下步驟： 反饋錯誤訊息： 將終端機或畫面上的報錯資訊直接貼給 AI 進行初步修復。 要求零誤差校正： 明確指示 AI：「網頁呈現與 Stitch 原始設計稿不太一樣，請幫我確認並修正」。 自動重構： AI 會重新比對 Tailwind tailwind.config.ts 中的顏色設定、全域 CSS 屬性與各個 Component（如 Navbar、Hero Section）的 HTML 結構，確保最終輸出的 Next.js 程式碼與設計稿達到 100% 零誤差轉換。 開發者反思： 當 AI 已經能包辦 UI 介面設計與繁瑣的切版工作時，未來的軟體工程師應將重心轉移至「架構設計」、「需求分析」與「商業邏輯整合」，這才是人類開發者無可取代的價值。 常見問答 (FAQ)Q：Google Stitch 的使用額度限制是什麼？A：目前系統每日提供 400 個額度 (Credits)。根據實測，透過 AI 完整生成一個包含豐富區塊（Hero、作品集、評價等）的高質感首頁，大約就會消耗掉 4 個額度。 Q：Stitch MCP 支援哪些 AI 開發工具？A：只要是支援 MCP (Model Context Protocol) 協定的開發工具皆可使用，主流工具包含 Cursor、Gemini CLI、Claude Code 以及 Antigravity 等。 Q：AI 生成的網頁設計如果不滿意可以修改嗎？A：可以的。您可以透過對話框下達新的提示詞 (Prompt)，例如「請將按鈕顏色改為深色」或「調整作品集區塊的排版」，AI 會自動調用相關程式碼進行局部更新。 相關連結 Stitch 官網 Stitch MCP 官方安裝文件 stitch-skills GitHub 倉庫

這幾年大家很習慣用 SaaS 來理解企業軟體。你買 CRM、買 ERP、買 Helpdesk、買行銷自動化平台，本質上都是買一套可以被操作的系統。資料放進去、流程建起來，再由人去點按鈕、查資訊、跑報表、送審核、追進度。說穿了，SaaS 賣的是工具。 但 AI Agent 的出現，正在慢慢改變這件事。 未來企業採購的，可能不再只是「一套讓員工操作的軟體」，而是「一個能自己理解任務、自己呼叫工具、自己執行流程、必要時再請人核准的數位工作者」。這種模式，可以叫做 Agent-as-a-Service (AaaS)。它不是單純把聊天機器人換個名字而已，而是企業軟體邏輯的一次根本轉向：從賣功能，變成賣結果。 為什麼說 SaaS 賣介面，而 Agent 賣的是「工作能力」？我們先把差異講清楚。 在 SaaS 時代，人是流程的中心。系統提供介面，員工負責操作。你要查客戶資料，自己進 CRM；你要處理請款，自己比對發票、訂單和驗收單；你要安排面試，自己來回寄信、協調時段、更新系統狀態。 Copilot 時代往前走了一步。AI 會幫你摘要、寫初稿、提出建議，但主導權還是在人手上。它像副駕，會提醒你、幫你補齊，但方向盤還是你在握。 到了 Agent-as-a-Service 時代，邏輯徹底不同了。人不再負責一個個步驟地操作系統，而是直接下達目標： 「幫我準備這個客戶的續約會議。」 「幫我處理這批請款。」 「幫我找出最近結帳 (Checkout) 變慢的原因並提出修正。」 接著由代理自己拆解任務、選用工具、執行流程，最後再把結果交回來，或是在關鍵節點請你核准。這時候你買的不是 CRM、不是 ERP 外掛、不是 Chatbot，而是某種可交付工作成果的能力。 一句話總結：SaaS 賣的是工具介面，Agent-as-a-Service 賣的是可衡量的工作成果。 AI 補足了「行動力」：從回答器進化為執行者為什麼這件事現在開始變得真實？因為過去幾年，AI 最缺乏的是「行動能力」。 大型語言模型 (LLM) 很會寫、很會總結、很會回答問題，但它本來不會真的做事。它可以告訴你怎麼報帳，卻不能幫你進系統送出；可以幫你草擬客服回覆，卻不能自己查訂單、發退款；可以幫你整理會議重點，卻不能主動幫你排下次會議、更新 CRM。 而 Agent 的核心，正是把這些能力補上。現在的代理系統，通常開始具備以下特徵： 目標理解：能理解較高階的目標，不只回單一問題。 任務拆解：能把一件事拆成多個步驟。 工具整合：能呼叫外部工具與 API。 上下文串聯：能讀文件、查知識庫、整合上下文。 記憶留存：能保留短期或長期記憶。 分工協作：能在多個代理之間分工合作。 安全卡控：能在高風險步驟加入核准與限制。 這讓 AI 從「回答器」慢慢變成「執行者」。無論是 NVIDIA 提出的 Agentic AI、Microsoft 的完整 Workflow 執行，還是 Salesforce 包裝的 Agentic Enterprise，都指向同一件事：企業軟體的價值，開始從 UI 轉移到自動完成工作。 10 個 Agent-as-a-Service 顛覆企業流程的真實應用場景要理解 AaaS 的威力，我們可以從企業中最常見的 10 個職能來看： 1. 客服代理 (Customer Service Agent)客戶說：「訂單還沒到，我想取消。」Agent 能自己查狀態、確認規則、發退款、寄通知，只在超出權限時才轉交真人。企業買的不再是客服介面，而是處理一線任務的服務。 2. IT 支援代理 (IT Helpdesk Agent)員工說：「VPN 壞了。」代理會先驗證身分，檢查裝置狀態、重設憑證、建立 Ticket 並通知管理員。它不是單純回答 FAQ，而是直接執行 IT SOP。 3. 業務代理 (Sales Agent)下達指令：「幫我準備 A 客戶續約會議。」代理會去抓 CRM 紀錄、整理未解決問題、估算流失風險、做簡報初稿並順手排會。你買的是「續約推進能力」。 4. 財務與採購代理 (Finance & Procurement Agent)代理自動比對 PO、發票與驗收單，抓出重複請款或異常金額。低風險自動送審，高風險交主管。這是在處理真正的交易流程，而非只是產出報表。 5. 招募代理 (Recruiting Agent)從讀履歷、排序候選人、寄邀約、協調面試到整理下一輪建議，整條招募鏈路都能由代理協助執行。它是「招募流程專員」，而不僅是 HR 工具。 6. 行銷代理 (Marketing Agent)設定目標：「下週為這篇文章帶來 300 個 Demo Leads。」代理自己拆解策略、寫文案、分眾投放、監測 CTR/CVR、調整預算並每日回報。企業買的是「投放成果」。 7. 工程代理 (Engineering Agent)指令：「找出 Checkout 變慢的原因，修掉並開 PR。」代理會翻 Git 歷史、看 Logs、跑 Benchmark、定位問題並建立 PR。此時 UI 只是監督面板，價值在於解決問題。 8. 法務代理 (Legal Agent)代理能初步審查 NDA、MSA，標記風險條款、比對標準條文並提出紅線 (Redline) 建議。買的不是文件管理系統，而是「初階合約審查服務」。 9. 供應鏈代理 (Supply Chain Agent)監測缺料風險、預測延遲、模擬替代料件、重新計算排程並通知廠端。它不只是儀表板 (Dashboard)，而是供應鏈的協調者。 10. 個人幕僚代理 (Personal Assistant Agent)整理郵件、追 Deadline、摘要會議、建立部落格草稿、安排日程，並記住你的偏好。你是在培養一個數位幕僚，而不是使用一個聊天視窗。 揮別單一大腦：多代理協作 (Multi-Agent) 才是未來企業架構真正有意思的地方，不是單一超級代理，而是多代理協作。 企業裡本來就不是只有一種角色，客服、財務、法務各有不同工具與權限。未來更合理的型態，不是一個全知全能的大腦，而是： 前台代理：負責跟人互動。 流程代理：負責執行 SOP。 資料代理：負責查詢、驗證、彙整。 審核代理：負責風險與合規。 協調代理：負責派工與整體規劃。 這樣的系統看起來就像一間虛擬公司。人類不會消失，而是從「逐步操作系統」轉變為「設定目標、管理例外、監督結果」。 Agent 會吃掉 SaaS 嗎？系統架構的四層演進AI 會殺死 SaaS 嗎？答案是：不會完全取代，但一定會重組。 SaaS 會從前台產品，慢慢退居為 Agent 背後的基礎設施。因為很多 SaaS 的真正價值，原本就不是 UI 本身，而是背後的資料模型、商業規則、權限設計與 API。未來的系統演進會呈現四個層次，一層疊一層： System of Record：記錄資料 (傳統資料庫/核心系統)。 System of Workflow：讓人跑流程 (傳統 SaaS/BPM)。 System of Intelligence：提供建議 (Copilot 輔助)。 System of Action：直接執行工作 (Agent-as-a-Service)。 Agent 不是把所有系統砍掉重練，而是坐在它們上面，變成全新的「操作層」。 企業導入的真正痛點：治理、權限與人機協作很多人談 Agent 時只關注模型推理能力。但企業實際上線時，最痛的往往是以下幾點： 權限控管：代理到底能不能改資料、退費或碰付款？權限設計是核心。 **可追蹤性 (Auditability)**：它為何做這決策？用了哪些工具？在哪裡失敗？ 成本控制：多步推理與工具呼叫都是成本。Token 花費、延遲與重試都會變成營運議題。 人機分工：哪些全自動？哪些半自動？哪些必須人工核准？ 短期內，最現實的落地形態通常是：半自動代理 + 明確權限邊界 + 關鍵節點人工核准 + 完整 Audit Log。 產品設計的重點將從「操作介面」轉向「可被代理使用的系統」與「讓人監督代理的介面」。 開發者與商業模式的雙重典範轉移Agent-as-a-Service 不僅改變技術，也將重寫企業軟體的計價方式。 傳統 SaaS 多為按人頭訂閱 (Seat-based)。但如果工作主要是 Agent 在做，更合理的收費方式可能會變成： 基本授權費 + 每月代理執行次數 每完成一筆任務/Ticket 收費 每產出某種可驗證結果收費 產品經理將不再只盯著 DAU，而是關注「代理完成了多少工作」、「自動化率是否提升」、「錯誤成本是否可控」。AaaS 其實很像把 B2B SaaS 推向更接近顧問服務或流程外包 (BPO) 的方向，只是執行者變成了 AI。 結語：迎接「數位員工」的新時代SaaS 的核心是讓人更有效率地操作系統；AaaS 的核心則是讓系統直接替人完成工作。 這不表示人會消失，而是人的角色將往上提升：成為定義目標、監督風險、做最後判斷的管理者。企業採購的項目，也將從單純的「軟體授權」，進化為「可被管理、可穩定交付成果的數位工作能力」。在 Agent 時代，SaaS 依然存在，但它可能不再是舞台中央唯一的主角了。 常見問答 (FAQ)Q：企業導入 Agent-as-a-Service 會完全取代現有的 SaaS 系統嗎？A：不會。SaaS 不會消失，而是會「退居幕後」成為 Agent 的基礎設施。SaaS 系統內建的資料模型、權限與 API 將成為 AI 執行的基石，人類直接操作介面的頻率會降低，取而代之的是透過 Agent 來呼叫這些系統完成工作。 Q：目前 AI Agent 落地企業最關鍵的挑戰是什麼？A：最大的挑戰並非 AI 模型的聰明程度，而是「治理與安全」。包括精細的權限控管（Agent 能不能碰付款）、可追蹤性（決策過程是否留存稽核軌跡）、成本控制（Token 花費）以及人機分工的界線（關鍵決策需人工介入核准）。 Q：Agent-as-a-Service 會如何改變現有軟體的計價模式？A：它將顛覆傳統 SaaS 按人頭計費（Seat-based）的模式。未來的計價將更傾向「按工作成果（Outcome-based）」或「按任務執行次數（Task-based）」收費，企業實質上是在為 AI 代理交付的商業價值與自動化率買單。

為什麼你的「萬能提示詞」越來越不管用？很多人剛開始接觸 AI 自動化時，習慣用一大段提示詞（Prompt）把整個流程包起來：角色設定、執行步驟、輸出格式、限制條件，全部塞進同一段文字裡。初期這樣做很直覺，只要 Prompt 寫得夠完整，確實能產出不錯的結果。 但隨著自動化工作流變長、變複雜，你會發現：提示詞可以完成單一任務，卻無法穩定承擔完整的工作流。 這通常不是因為 AI 模型不夠聰明，而是你把太多不同層級的要求，全綁死在同一段文字裡了。 這會導致三個致命的痛點： 產出不穩定： 同一段提示詞換了一份輸入資料，AI 的理解方式可能就跟著變。你以為交代的是嚴謹的 SOP，AI 卻常常在「臨場發揮」。 缺乏靈活度： 流程中只要有一個小環節需要微調（例如：先摘要再分頁，改成先抽重點再套模板），整份 Prompt 就牽一髮動全身，極難修改。 維護成本高昂： 每次執行任務都要把相同的規則、格式、限制重新輸入一次，不僅浪費 Token 算力與上下文空間，也讓後續的調整變得異常笨重。 破解迷思：Skill 真的只是「提示詞升級版」嗎？從自動化工作流的角度來看，Prompt 比較像「一次性的流程描述」，而 Skill 則是「可按需調用的任務模組」。 很多人誤以為 Skill 只是把 Prompt 寫得更長、包裝得更完整，再塞幾個範例進去。這其實還是停留在「提示詞升級」的思維。 真正的本質差異在於： Prompt 是把所有要求塞進一段話。 Skill 是把不同性質的要求，拆解成不同的功能模組。 以前你可能會寫出這樣的「大雜燴」指令： 123456你是一位專業教案設計師（角色設定）幫我讀這份教材（任務目標）先摘要、再切段、再產生簡報（處理步驟）每頁 3–5 行（格式規則）優先保留案例、不要太像 AI（風格限制）最後輸出 markdown（輸出模板） 這段指令能運作，但資訊全混在一起。Skill 的價值，就是將這些層級俐落拆分。例如： 任務與使用時機： 放進 SKILL.md 格式與品質規則： 歸檔於 references/ 輸出骨架： 建立在 templates/ 前處理與機械式整理： 交給 scripts/ 修正經驗與檢核重點： 累積在 logs/ 或 checklists/ 透過模組化拆分，AI 不需要每次都重新消化整包複雜規則，流程也不需要因為微調而整包重寫。這才是具備長期維護價值的自動化工作流。 實戰教學：從 Prompt 走向 Skill 的 5 大核心策略如果你手邊已經有一堆 Prompt 在跑流程，不需要全部推翻重來。建議逐步將裡面重複、固定、機械式的部分抽離出來。以下是 5 個最容易落地的做法： 1. 抽離固定規則：建立專屬的 Rule 文件很多 Prompt 越寫越長，是因為你一直在重複交代「長期成立的原則」（例如：每頁一個重點、避免長段落、不要照抄原文）。 這些內容不該佔用每次對話的篇幅，應該抽成獨立的規則檔。例如建立一份 references/slide_rules.md。未來只要涉及簡報整理任務，直接讓 AI 讀取這份規則即可。 專家心法： 將不常變動的原則，從「對話指令」轉移到「可重複引用的規則文件」。 2. 模組化輸出格式：讓 AI 填空取代通靈很多長篇 Prompt 其實都在描述「輸出該長什麼樣子」。與其用自然語言費力描述排版，不如直接給定結構模板。 例如，建立一份 templates/lesson_slides_template.md，直接定義： 第 1 頁：主題頁 第 2 頁：概念說明 第 3 頁：操作步驟 AI 不需要猜測你的排版邏輯，只要把產出的內容「填」進結構裡，穩定度將大幅提升。 3. 腳本化前處理：淨化雜亂的輸入資料AI 表現不穩，常常是因為輸入的原始資料太過混亂（如：逐字稿混雜、表格欄位不一）。如果把清理工作也丟給 Prompt，AI 一邊理解任務、一邊做清理工，極容易失控。 正確的做法是先用 Python 等腳本語言處理「機械式工作」，例如：長文切片、清理雜訊空白、抽出特定標題區塊。讓 AI 專注處理結構化後的乾淨素材。 4. 拆解龐大工作流：建立單一功能的 Skill 節點不要試圖用一段 Prompt 一口氣完成「讀教材 → 摘要 → 分頁 → 套模板 → 檢查字數」。這只會導致「前面理解錯，後面整串歪」。 將大流程拆解為單一功能的 Skill 模組： content-extractor：專門抽重點與段落。 slide-planner：負責規劃頁次。 slide-writer：依模板寫出內容。 這樣不僅能局部重跑、除錯，還能隨時插入人工審閱點。 5. 累積修正經驗：將「踩坑紀錄」化為系統資產以前你可能每次遇到產出太長，就在 Prompt 補一句「控制在 8 頁內」，下次遇到又得重講。在 Skill 架構下，你可以將這些除錯經驗記錄下來，轉化為系統知識。 把這些踩坑經驗放進 logs/revision_notes.md 或 checklists/output_checklist.md，讓過去的錯誤變成未來系統自動避開的防護網。 進階應用：6 種高價值的 Skill 應用場景除了基本的範本套用，Skill 在實務工作流中還能扮演不同角色： 檢核型 Skill： 不負責產出，專職驗收。檢查字數、案例密度或是否具有濃厚的「AI 腔」。 轉換型 Skill： 將既有內容轉換載體。例如：逐字稿轉講義、SOP 轉 FAQ、長文轉社群貼文。 萃取型 Skill： 從生肉資料中精準抽離定義、步驟、案例或 KPI 數據，供後續生成模組使用。 路由型 Skill： 根據輸入資料的屬性，決定下一步該走哪條工作流（Workflow Orchestration）。 風格型 Skill： 內容骨架不變，僅抽換語氣模組以適配不同受眾（如：企業內訓版 vs. 社群貼文版）。 資料準備型 Skill： 負責前置的去識別化、刪除敏感資訊、欄位標準化等低調卻極度重要的工作。 自我檢核：5 個問題幫你釐清 Skill 設計方向想從「會寫提示詞」進化到「會設計 Skill 架構」，請試著用這 5 個問題檢視目前的工作流： 哪些內容我每次都在重講？ 把它抽成規則檔（Rule）。 哪些格式我每次都在重複描述？ 把它抽成模板（Template）。 哪些整理動作其實是機械式的？ 把它交給腳本前處理（Script）。 哪些步驟其實可以獨立成一段流程？ 把它拆成單一功能節點（Node/Skill）。 哪些錯誤我已經修過很多次？ 把它寫成檢核表（Checklist）。 常見問答 (FAQ)Q：為什麼原本寫得很完整的 Prompt，換了一份資料產出就不穩定？A：因為過長的 Prompt 將「任務邏輯」與「格式規則」混雜在一起。當輸入資料改變時，AI 容易在龐雜的指令中迷失焦點，試圖在理解新資料與遵守舊規則之間尋找平衡，最終導致產出變成不可控的「臨場發揮」。 Q：我該如何開始第一步將現有的長 Prompt 轉換為 Skill？A：先從「抽離不變的元素」開始。不要急著重構整個流程，先把你每次都會寫到的「輸出格式規定」抽出來變成一個獨立的 Markdown 模板；接著，把「機械式的資料清理」交給簡單的腳本。這兩個動作就能立即有感提升 AI 產出的穩定度。 Q：將工作流拆分成多個 Skill 模組，會不會反而增加開發與執行的時間成本？A：短期內建立模板和規則檔確實需要一點設置時間，但長期來看是大幅節省成本的。多個 Skill 模組可以重複調用（例如你的「內容萃取 Skill」可以用於簡報，也能用於寫貼文），且當流程出錯時，你只需針對單一節點除錯，而不必浪費 Token 讓整段長 Prompt 重新跑一次。

重新定義設計的「賣點」：Vibe Design 不只是換湯不換藥最近 Google 把 Stitch 又往前推了一步，開始大講 Vibe Design。 很多人的第一反應大概都差不多：這不就是把 Prompt 講得更文青一點？以前叫 AI 生成 UI，現在叫 Vibe Design，名字比較潮，本質還不是差不多？老實說，這個吐槽不算錯。如果你只是把它理解成「輸入一句話，AI 幫你吐幾張漂亮畫面」，那真的沒什麼好驚訝。因為這條路從 AI 畫圖、AI 寫文案、AI 寫程式碼一路走來，本來就很自然。今天輪到 UI/UX，只是時間到了而已。 真正有趣的地方，不在於 AI 終於能做設計。而在於：當 AI 連設計都越來越會做，設計這件事到底還剩下什麼最值錢？ AI 如何讓「普通設計」淪為廉價商品？很多人看 AI 工具都會卡在一個很舊的問題：「AI 會不會取代設計師或工程師？」但比較接近現實的問法其實是：AI 先把哪一段工作變成 Commodity（大眾商品）？ Stitch 這類工具真正厲害的，不是它能不能百分之百取代一個資深設計師。而是它會先把一大段本來要花人力堆出來的東西，變成幾分鐘就有 70 分、80 分的結果。這會帶來很直接的後果： 初步探索稿變便宜 視覺方向測試變便宜 Landing page 樣板變便宜 App 畫面草案變便宜 前端雛形變便宜 也就是說，以前能賣錢的「做圖能力」，接下來只會越來越像基本配備。這不是設計的末日，這比較像攝影從專業設備壟斷，走到每個人手機都能拍得不差；不是沒人拍照了，而是「會拍」本身不再稀缺，稀缺的是你拍什麼、為什麼拍、拍完拿去解決什麼問題。 Vibe Design 的核心突破：從「單點輸出」走向「上下文協作」Stitch 這次更新，外界提到幾個關鍵字：voice input、infinite canvas、design agent、DESIGN.md。這幾個東西如果拆開看只是功能加法；但合起來看，其實是在把設計工作從「單點輸出」往「上下文協作」移動。 以前你跟 AI 的互動很像投幣式販賣機：丟 Prompt，它吐一張圖。不滿意，再投一次。但真正的產品設計更像是： 我們的使用者是誰？ 這個頁面在整個轉換漏斗哪一段？ 這個品牌可以多大膽？ 這個元件跟現有 Design System 怎麼對齊？ 這版要追求註冊率、停留時間，還是客服負擔下降？ 手機版、桌機版、空狀態、錯誤狀態、載入狀態，有沒有一起被想進去？ Vibe Design 真正的新，不是它能「做畫面」，而是它開始碰「脈絡」。當 AI 逐步知道你的品牌語氣、元件規則、專案歷史、改稿方向，它吃掉的就不只是執行，還會開始吃掉一部分原本屬於設計管理、產品協作、甚至前端溝通的工作。 為什麼純粹的「自動生成」依然會失敗？如果市場在吹的 Vibe Design，只是把「靈感 Moodboard + Prompt + 自動生成」包成新敘事，那很容易落入三個老問題： 首屏驚豔，第二屏崩壞： AI 很會生第一眼好看的東西，但不代表整個產品結構成立。首頁可以很神，資訊架構可能一團亂。 有 Vibe，沒策略： 很多 AI 生成出來的設計有氣氛、有 Dribbble 感，但沒有商業意圖。看起來很像作品集，做起來不像產品。 有速度，沒一致性： 做一頁很快，但做五十頁時，元件、狀態、文案節奏全開始飄。這也是為什麼「Design System Fidelity」會越來越重要。 如果 Vibe Design 最後只是在賣「快」和「酷」，那撐不了太久，因為所有人最後都能酷。 AI 時代設計師的 4 大高價值轉型策略那新的世界要從哪個角度切？我們可以從這四個角度看，會比討論「AI 會不會取代人」更有商業意義： 1. 從「畫面供給」轉向「決策介面」以前設計師交付的是畫面。未來更值錢的，可能是幫團隊更快做出正確決策的介面。例如哪種 Onboarding 流程最能提高轉換？哪種表單拆法最能提高完成率？AI 可以幫你快速吐出十種版本，但哪十種值得測、為什麼測、怎麼解讀結果，這才是真正的價值。 2. 從「單張設計稿」轉向「系統化設計規格」未來最值錢的不再是單張稿，而是交一套可以讓任何 AI 穩定產出的「設計憲法」。這包含品牌專屬的 DESIGN.md、AI 可讀的 Design Tokens、Prompt Library 或是企業內部的 UI Governance 套件。這是把設計經驗打包成「可重複執行的系統資產」。 3. 從「客製化接案」轉向「垂直行業模板」當 AI 把製作成本壓低，很多機會會出現在垂直市場。你可以開發特定產業的最佳實踐包，例如：牙醫診所預約流程模板、B2B SaaS 後台管理檢視表規格庫。客戶買的不是「酷」，而是更快上線、更少踩雷、更能成交。 4. 從「靜態作品集」轉向「動態增長實驗室」未來更值錢的可能是你有沒有能力持續跑實驗。當 AI 把 Variant Generation 變超便宜之後，真正拉開差距的是：你有沒有測試框架與資料回饋？你有沒有能力把「某次成功」變成「可複製成功」？這時候，設計不再只是美學，而是更接近 Growth（增長）。 掌握未來紅利：5 大潛在的 AI 設計商業模式如果你正在尋找下一步的商業機會，以下是幾個極具潛力的發展方向： AI Design Ops 顧問： 幫公司建立 AI 設計流程、規範、評估標準，建立整套治理方式。 品牌語氣與視覺的 AI 化： 幫品牌把只有人懂的「感覺」整理成 AI 可執行規則，如同 Brand System + Design System 的合體。 垂直領域 UI 生成器： 專打特定產業（醫療、教育、SaaS 等），只追求「這個行業我最懂」。 設計驗收與品質稽核： 以後不缺生成，缺的是驗收。能快速判斷 AI 產出有無轉換風險或一致性問題的人將大受歡迎。 從設計延伸到前端整合： 打造「設計規範 → 程式碼骨架 → A/B 測試」的一條龍服務。 結論：下一個世代，誰能主導設計產業？當生成這件事變便宜，什麼會變貴？答案是：問題定義、系統化能力、品牌一致性、實驗設計能力，以及把 Vibe 變成 Business 的能力會變貴。 如果 Vibe Design 讓更多人意識到，設計的核心從來不是畫面本身，而是把模糊需求變成可被執行、可被驗證、可被放大的系統，那這波就不只是潮流，而是產業分工正在重排。下一個世界，不屬於最會畫圖的人，而屬於最會定義脈絡、建立規則、調動 AI、並把結果接上商業現實的人。 常見問答 (FAQ)Q：AI 工具 (如 Stitch) 會完全取代 UI/UX 設計師嗎？A：不會完全取代，但會將「初階產圖與視覺雛形生成」的能力商品化。未來設計師的核心競爭力將不再是單純的畫面製作，而是定義商業問題、建立可重複使用的設計系統，以及將設計與數據增長對齊的能力。 Q：什麼是 Vibe Design？它跟傳統的 AI 繪圖有什麼不同？A：傳統 AI 繪圖偏向「單點輸出」（輸入提示詞產生單張圖片），而 Vibe Design 更強調「上下文協作」。它能夠理解並延續品牌語氣、設計規範、使用者漏斗等脈絡，不僅是生成好看的畫面，更能融入複雜的產品開發流程中。 Q：面對 AI 輔助設計的普及，接案設計師該如何佈局轉型？A：建議從「販售單張設計稿」轉向提供「系統化資產」與「顧問服務」。例如：為特定垂直產業（如醫療、電商、SaaS）開發專屬的 UI 解決方案包，或是協助企業建立 AI 可讀的設計規範文件（如 DESIGN.md），提升整體的設計治理能力。

各位同學大家新年快樂，我是享哥！ 今天要跟大家分享近期在 Threads 上面非常火紅的一款 WordPress 全新開源外掛——Novamira。這款在二月份剛開源的外掛，看過介紹後讓我非常好奇，因為它號稱能夠徹底顛覆現有的 AI 協作模式。經過實際測試後，接下來我將完整分享我的使用心得與操作教學。 Novamira 是什麼？為什麼能顛覆 AI 協作模式？Novamira 的核心價值在於徹底打通了 WordPress 與 AI 開發工具（如 Cursor、VS Code、Claude Desktop 等）之間的隔閡。 過去我們在開發或修改 WordPress 主題與外掛時，必須先看懂 PHP 程式碼，遇到問題還要將整段程式碼複製丟給 AI，等 AI 產出解答後再手動貼回伺服器。而 Novamira 透過 MCP (Model Context Protocol) 協定，賦予 AI 直接讀取、寫入、編輯現有檔案，甚至刪除伺服器上 PHP 程式碼的能力。 如何安裝與設定 Novamira？完整圖文步驟要讓 AI 與你的 WordPress 網站順利連線，請跟著以下步驟進行設定： 步驟一：下載與安裝外掛 前往 Novamira 官網，直接點擊 Download for free 下載外掛壓縮檔。 開啟你的 WordPress 後台（建議先準備一個全空的測試環境）。 進入外掛選單，點擊「上傳檔案」，將剛剛下載的壓縮檔上傳並啟用。 步驟二：產生並配置 MCP 伺服器金鑰安裝完成後，我們需要建立一組讓 AI 工具存取網站的授權密碼： 在外掛設定頁面，點擊 Create New Application Password。 系統會自動產生一組專屬密碼（請注意：此密碼只會出現一次，務必妥善複製並保存）。 頁面下方非常貼心地準備好了對應的設定檔語法。無論你是使用 Claude Code、Claude Desktop、Cursor 或 VS Code，只需複製畫面上提供的 JSON 內容。 將複製的內容，貼到你常用的 AI 工具的 mcp.json 設定檔中。 12345678910// 示意範例：請將外掛產生的設定完整貼入你的 MCP Servers 區塊中"mcpServers": { "novamira": { "command": "...", "args": ["..."], "env": { "WP_APP_PASSWORD": "你的專屬密碼" } }} (設定完成後，記得使用 Ctrl + S 或 Command + S 儲存設定檔，並在 AI 工具的 MCP 介面點擊 Refresh 重新整理。) 步驟三：開啟 WordPress 端的 AI 權限為了確保連線成功，最後一個關鍵步驟是回到 WordPress 進行授權： 進入 WordPress 的 Setting (設定) 頁面。 找到並勾選 Enable AI Ability 選項。 點擊 Save 儲存設定。 完成以上三步後，你可以在 AI 聊天視窗中輸入：「我已經連上了，你可以幫我確認一下目前 WordPress 網站的基本資訊嗎？」如果 AI 能順利回報你的網站目錄與結構，就代表連線大功告成了！ Novamira 的資安防護：核心檔案無法竄改開放 AI 直接存取伺服器聽起來有些危險？不用擔心，Novamira 在安全機制上做了嚴格的限制。 它不允許 AI 修改 WordPress 的核心底層檔案，例如： wp-admin wp-includes AI 能夠讀取與修改的範圍，僅限於我們日常開發最常接觸的 wp-content 目錄（包含主題與外掛）。這種沙盒式 (Sandbox) 的限制，大幅降低了網站因 AI 誤改而崩潰的資安風險。 實測應用：讓 AI 直接在伺服器寫出一個聯絡表單外掛為了測試它的極限，我準備了一份由 ChatGPT 簡單生成的「Mini Contact Form (迷你聯絡表單)」PRD (產品需求文件)，並直接丟給透過 MCP 連接的 AI 助理（我使用的是 Google 的 Antigravity 搭配免費額度）。 Mini Contact Form.md 神奇的事情發生了： AI 首先讀取了我提供的需求文件。 它自動擬定了一份實作計畫 (Plan) 與任務清單 (Task)。 接著，AI 直接在我的 WordPress 伺服器內部開始撰寫程式碼。 我打開 WordPress 的外掛目錄檢查，發現 AI 真的已經在伺服器端建好了這個外掛的檔案夾與程式碼，而不是在我的本機檔案總管裡產生文件！這意味著我們可以一邊讓 AI 開發，一邊直接在 WordPress 後台重整看結果，開發效率呈現倍數成長。 結語：WordPress 接案開發的未來趨勢Novamira 打通了 WordPress 與 AI 之間的最後一哩路。對於以 WordPress 接案為主的開發者來說，未來遇到需要客製化功能、增強現有外掛時，不再需要繁瑣地查閱原始碼或在編輯器間來回複製貼上。透過 MCP 協定，AI 將成為你最得力的伺服器端駐點工程師。 如果你想了解更多關於 AI 自動化以及相關的開發應用，歡迎持續關注並訂閱享哥，我們下次見！