# 《AI Agent 自動化流程超 Easy》服務專區 ## 範例檔案下載 本書範例腳本的藍圖檔案可在[這裡下載](https://flagcomtw-my.sharepoint.com/:f:/g/personal/school_editor_flag_com_tw/EgpYwNr2zqVAm0g8s9zJZPYBn6KIfcPpNE4yNjGJ7nroZw?e=678DG6), 下載後解開壓縮檔, 各章藍圖檔都放在個別的資料夾下。 ## 各章提示內容以及相關測試網址 ### Ch01 AI 自動化流程與 Make.com 簡介 - [make](https://www.make.com/) - [Facebook](https://www.facebook.com) ### Ch02 使用 make.com 設計 LINE 聊天機器人 - [LINE 開發者網站](https://developers.line.biz/) - [圖像下載](https://flagtech.github.io/F3762/images/ai.png) ![ai](https://flagtech.github.io/F3762/images/ai.png) - [LINE Messaging API 計費規則](https://tw.linebiz.com/column/budget-auto-count/) ### Ch03 使用自動化流程監看 Instagram 新貼文 - [Facebook 的《粉絲專頁、社團和活動政策》](https://www.facebook.com/policies_center/pages_groups_events) - [Instagram](https://www.instagram.com) - [LINE 貼圖庫](https://reurl.cc/KlAjXn) ### Ch04 用 ChatGPT 的頭腦幫自動化流程長智慧 #### 4-1 付費註冊 OpenAI API ##### 註冊 OpenAI API 帳號 - [OpenAI API](https://platform.openai.com) #### 4-3 讓 AI 幫我們篩選圖片內容 ##### 加入分析圖片的 AI 模組 :::info 提示內容: 請依照照片中是否有真實人臉,回覆以下兩種答覆其 中一種,除此之外,不要加上任何額外的說明文字: 有人臉 沒有人臉 ::: :::warning 隨著 make.com 的改版, OpenAI 模組只能接受『png』、『jpeg』、『gif』、『webp』, 解決方式請參考: - 〈[使用 OpenAI 模組分析 Instagram 貼文圖片](https://hackmd.io/@flagmaker/rk8sHCwcxx)〉 ::: ##### OpenAI 模型的計價方式與限制 - [OpenAI 計價方式](https://openai.com/api/pricing/) - [OpenAI Tokenizer](https://platform.openai.com/tokenizer) #### 4-4 圖片分析的綜合應用 ##### 用 Notion 備份加上描述圖片內容的 Instagram 貼文 :::info 提示內容: 請描述這張照片的內容 ::: ##### 結合 OneDrive 批次辨識圖片文字 :::info 提示內容: 取出圖片中的文字, 如果圖片中沒有任何文字, 只要回覆『無文字』, 不要加上額外的任何說明文字 ::: ### Ch05 與 AI 對談的 LINE 聊天機器人 #### 5-1 讓聊天機器人變聰明 ##### 加入聊天模組讓 AI 回覆訊息 :::info 提示內容: 你是習慣使用台灣地區繁體中文與用語的助理 ::: #### 5-2 設計網頁摘要機器人 ##### 使用 HTTP 應用的模組取得網頁內容 - 測試用的討論機械鍵盤的英文文章: https://pse.is/6bwvv3 - 同一篇文章但會導致讀取不到內容的短網址: https://reurl.cc/ly9nrq ##### 加上 AI 完成網頁摘要機器人 :::info 提示內容: - Developer/System:你是使用台灣地區繁體中文的文章摘要專家 - User:請摘要以下文章內容: ::: ##### 測試腳本 - 測試用的討論機械鍵盤的英文文章: https://pse.is/6bwvv3 ##### 錯誤處理 :::info 錯誤提示: 我是網頁摘要機器人, 只能接受文章的網址, 你剛剛給我的並不是網址喔! ::: - 同一篇文章但會導致讀取不到內容的短網址:https://reurl.cc/ly9nrq ### Ch06 可重複使用同一段流程的工具 - 子腳本 (Sub Scenario) #### 6-2 在不同腳本使用相同的子腳本 - 網頁翻譯備份機器人 ##### 加入 AI 翻譯擷取到的網頁內容 :::info Create a Completion 提示內容: - Developer/System:你是使用台灣地區繁體中文的文章翻譯專家 - User:請翻譯以下文章內容: ::: :::info 輸出訊息: 網頁翻譯完成, 請到 Notion 上查看 ::: ### Ch07 讓 AI 自主規劃流程–Agent (代理) #### 7-1 設計一個 AI Agent (代理) ##### 建立你的 AI Agent :::info 提示內容: 你是使用台灣地區繁體中文與時間的 AI Agent, 會依照使用者要求完成任務, 必要時再使用工具。 ::: ##### 讓 AI Agent 能夠閱讀網頁 :::info 工具名稱: web_content_to_text 工具描述: 這個工具會根據網址來擷取網頁中的內容並轉成純文字輸出 ::: ##### Make.com 的 AI 費用計算 - [Make AI Agent 詳細計費規則](https://help.make.com/credits) #### 7-2 讓 AI Agent 能夠使用 OneDrive 存取檔案 ##### 透過網址上傳檔案到 OneDrive :::info 工具名稱: fetch_file_from_url_to_onedrive 工具描述: 這個工具會根據網址來取得檔案,加上副檔名後上傳到OneDrive, 並回傳這個檔案的 ID 與下載網址 ::: - 測試下載圖檔連結:https://www.flag.com.tw/assets/img/bookpic/F4354.jpg ##### 刪除指定的 OneDrive 檔案 :::info 工具名稱: delete_file_from_onedrive 工具描述: 這個工具會根據檔案的 ID 來刪除指定的OneDrive 檔案 ::: #### 7-4 使用 AI Agent 的 RAG 功能 - [《個人資料保護法》](https://reurl.cc/g6661X)網址: https://reurl.cc/g6661X ##### 使用 AI Agent 的 RAG 功能 - 測試問題:我到遊樂園玩拍照上傳臉書, 照片上出現的人留言要求我刪除照片, 這樣合理嗎? ### Ch08 帶領自動化流程進入聲音與繪圖的世界 ##### 8-1 設計自動口譯機 ##### 讓自動化流程聽懂你的話 :::info 提示內容: 如果是中文, 請使用台灣地區的繁體中文與詞彙 ::: ##### 讓 AI 當即時口譯員 :::info 提示內容: 你是一位翻譯專家, 擅長在台灣地區的繁體中文與美式英文之間翻譯文句, 如果丟給你的文句是中文, 就翻譯為英文;如果丟給你的是英文, 就翻譯為中文, 都只要輸出翻譯後的文句, 不要加上任何額外說明文字。 ::: #### 8-2 讓 AI 幫我們生圖 ##### 測試 DALL·E 3 模型生圖 :::info 提示內容: 用日本動漫風格繪製一個站在打擊區的棒球打者, 整個觀眾席都做滿了烏鴉 ::: #### 8-3 綜合演練--自動從網頁清單摘要配圖 ##### 完成自動摘要並配圖的腳本 :::info Create a Completion 提示內容: - System:你是一位使用台灣地區繁體中文的文章摘要專家 - User:請摘要以下文章內容: ::: :::info Generate an Image 提示內容: 請生成能代表以下文章摘要內容的圖: ::: - 測試用的討論機械鍵盤的英文文章:https://pse.is/6bwvv3 ### Ch09 使用外部 API 擴增功能 #### 9-1 使用 make.com 中缺乏的模組 ##### 查看 LINE Message API 文件 - [LINE Message API 文件](https://developers.line.biz/en/reference/messaging-api) ##### 設計生命靈數命理大師 :::info 提示內容: 你是使用台灣繁體中的命理大師, 專精生命靈數, 只要訊息中有包含日期, 就幫他計算生命靈數, 並且大略解說計算結果。如果訊息中沒有日期, 只要回覆『我是生命靈數大師, 只會依據你的生日推算, 其餘問題一概不會回答』對了, 使用者叫做 {{2.body.displayName}}, 回覆時一定要提到他的名字, 以示尊重。 ::: #### 9-2 使用 make.com 中尚未支援的應用 ##### HackMD 共筆協作服務 - [MarkDown語法大全](https://reurl.cc/jyveZM) - HackMD 網址: https://hackmd.io/ ##### 查看 HackMD 開發者文件 - [HackMD API 開發者文件](https://reurl.cc/zDlDzV) ##### 設計可以自動備份網頁的 LINE 聊天機器人 - 要貼入建立資料結構的內容: ```JSON { "title": "New note", "content": "", "readPermission": "owner", "writePermission": "owner", "commentPermission": "everyone" } ``` - 測試用的新聞網址:https://udn.com/news/story/6999/8868869 ##### 運用資料清洗備份乾淨的網頁內容 :::info 提示內容: 以下是從 HTML 轉換得到的 Markdown 內容, 請移除 JavaScript 等非 Markdown 部分後給我, 不要加上任何的說明文字: {{3.data}} ::: #### 9-3 需要額外步驟才能使用的 API ##### 取得搜尋引擎 ID - [取得搜尋引擎 ID ](https://reurl.cc/Kl4aMy) ##### 取得 API 金鑰 - [Google API 金鑰](https://developers.google.com/custom-search/v1/overview?hl=zh-tw#api_key) ##### 查看文件 - [Google Custom Search JSON API 文件](https://reurl.cc/lyg1jv) ##### 讓 AI Agent 具備搜尋功能 :::info 工具名稱: search_using_google_api 工具描述: 這個工具會根據搜尋關鍵字在 Google 上搜尋並回傳搜尋結果" ::: #### 9-4 需要額外步驟才能使用的應用 ##### 使用 Gmail 應用 - [Gmail 說明文件]( https://apps.make.com/google-email) ##### 建立 Google Cloud Console 專案 - [Google Cloud Console](https://console.cloud.google.com/) ##### 專案設定 - 授權網域 ``` make.com integromat.com ``` - Gmail 授權範圍: ``` https://mail.google.com https://www.googleapis.com/auth/userinfo.email ``` - Google Drive 授權範圍 ``` https://www.googleapis.com/auth/drive https://www.googleapis.com/auth/drive.readonly ``` ##### 建立用戶端 - 重新導向的 URI:https://www.integromat.com/oauth/cb/google-restricted ### Ch10 讓 AI Agent 幫你在 Google 日曆安排行程 #### 10-1 讓 AI Agent 能在 Google 日曆上安排行程 #### 更新 Google Cloud Console 專案 - Google 日曆說明文件: https://apps.make.com/google-calendar - Google Cloud Console: https://console.cloud.google.com/ - Google 日曆授權範圍: ``` https://www.googleapis.com/auth/calendar ``` - Google 日曆重新導向的 URI:https://www.integromat.com/oauth/cb/google/ #### 讓 AI Agent 在 Google 日曆新增活動 ##### 新增活動到 Google 日曆 :::info 工具名稱: add_event_to_calendar 工具描述: 這個工具會根據活動的名稱、開始與結束時間, 在 Google 日曆新增一個活動 ::: #### 10-2 建立完整的 Google 日曆的工具箱 ##### 在 Google 日曆查詢特定時間的活動 :::info 工具名稱: search_event_by_time 工具描述: 這個工具可以根據時間範圍在 Google 日曆上查詢活動, 並回傳這些活動的內容 ::: ##### 使用關鍵字在 Google 日曆查詢活動 :::info 工具名稱: search_event_by_keyword 工具描述: 這個工具可以根據關鍵字在 Google 日曆上查詢活動, 並回傳這些活動的內容 ::: ##### 在 Google 日曆刪除指定活動 :::info 工具名稱: delete_an_event_on_calendar 工具描述: 這個工具可以根據活動 ID 在 Google 日曆上刪除指定活動 ::: ##### 建立專門管理 Google 日曆的 AI Agent :::info AI Agent 提示內容: 你是使用台灣地區繁體中文的 AI Agent, 專門處理 Google 日曆相關的要求, 收到的時間都是台灣時間 ::: :::info 工具(腳本)名稱: manage_google_calendar 工具描述: 這個工具會使用另一個 AI Agent 來專門完成與 Google 日曆有關的要求, 要提供使用者的要求與要求相關的詳細資訊, 執行完成後會回傳結果 ::: ### Ch11 AI 自動化流程進階應用 #### 11-1 使用 AI 設計網路爬蟲 ##### 使用不同區域機房解決網路連線問題 - 台北週末票房排行榜: http://app2.atmovies.com.tw/boxoffice/twweekend/ ##### 用 AI 幫你爬取網頁內容儲存到 Google 試算表 :::info 提示內容: 你是網頁資料爬取專家, 我會提供一份電影票房排行榜網頁轉換成 Markdown 格式的資料, 請幫我從中把所有電影的排名、片名、本周票房、累計票房取出, 並依照底下的 JSON 格式給我: { movies: [ { "排名": "排名數字", "片名": "片名", "本周票房": "本周票房", "累計票房": "累計票房" }, ... ] } 其中 "..." 表示有多個項目的意思。提供資料時只要給我 JSON 資料即可, 不要在前後加上任何的標記, 也不要加上額外的說明文字 ::: #### 11-2 分段處理長文件的技巧 ##### 整篇翻譯網頁的腳本 :::info 提示內容: 你是其它語言翻譯到台灣繁體中文的專家, 使用者會提供給你從 HTML 轉換得到的 Markdown 內容, 請移除 JavaScript 等非 Markdown 部分, 並且翻譯為台灣繁體中文, 不要加上任何的說明文字。 ::: :::info LINE 回覆訊息: 已經將網頁翻譯完成, 你可在這裡閱讀翻譯後的內容: {{5.data.publishLink}} ::: - LINE 應用說明文件: https://apps.make.com/line - OpenAI GPT-5 模型介紹: https://openai.com/index/introducing-gpt-5/ - OpenAI 4o 模型介紹: https://openai.com/index/gpt-4o-system-card/ ##### 分段翻譯網頁的腳本 - 測試網址 (OpenAI 4o 模型介紹): https://openai.com/index/gpt-4o-system-card/ ### Ch12 AI Agent 與外部世界連接的橋樑 – MCP #### 12-1 AI Agent 的強力夥伴 - MCP - [Claude Desktop 下載]( https://claude.ai/download) #### 12-2 讓 Claude Desktop 透過 MCP 伺服器管理電腦桌面的檔案 :::warning macOS 系統請到 〈[使用 MacOS 建立 MCP 連線](https://hackmd.io/@flagmaker/HyqnpIZoxe)〉 進行操作 ::: - [filesystem]( https://github.com/modelcontextprotocol/servers/tree/main/src/filesystem) ##### 安裝可執行 MCP 伺服器 – filesystem 的環境 - 安裝 Scoop 指令: ``` Set-ExecutionPolicy -ExecutionPolicy RemoteSigned -Scope CurrentUser Invoke-RestMethod -Uri https://get.scoop.sh | Invoke-Expression ``` - [Scoop 官網](https://scoop.sh/) - 安裝 Node.js 指令: ``` scoop install nodejs ``` - 測試 filesystem 指令: ``` npx -y @modelcontextprotocol/server-filesystem "C:\Users\$env:USERNAME\Desktop" ``` ##### 讓 Claude Desktop 透過 filesystem 查看桌面檔案 - Claude Desktop 設定檔: ``` { "mcpServers": { "filesystem": { "command": "npx", "args": [ "-y", "@modelcontextprotocol/server-filesystem", "C:\\Users\\使用者名稱\\Desktop" ] } } } ``` :::info - 測試要求1: 我想知道你能用 filesystem 工具幫我做甚麼,幫我列出來 - 測試要求2: 幫我列出桌面上的檔案 - 測試要求3: 幫我在桌面新增一個文字文件,名稱叫 "我的備忘錄",內容幫我寫上 "今天下午5點開會" ::: #### 12-3 讓 Claude 使用 make.com 的工具 ##### 取得 make.com 的 MCP Access Token :::info SSE 連線網址: https://eu2.make.com/mcp/api/v1/u/你的 MCP Token/sse ::: ##### 使用 mcp-proxy 讓 Claude 能使用 make.com 的工具 - 安裝 uv 指令: ``` scoop install uv ``` - [uv 官網](https://docs.astral.sh/uv/) - 檢查 mcp-proxy 指令: ``` uvx mcp-proxy –-version ``` - Claude Desktop 設定檔: ``` { "mcpServers": { "filesystem": { "command": "npx", "args": [ "-y", "@modelcontextprotocol/server-filesystem", "C:\\Users\\使用者名稱\\Desktop" ] }, "make": { "command": "uvx", "args": [ "mcp-proxy", "https://eu2.make.com/mcp/api/v1/u/你的MCP Token/sse" ] } } } ``` ##### 讓 Claude 同時使用 make.com 與 filesystem 的工具來完成工作 :::info - 測試要求4:我桌面上有個備忘錄,幫我根據備忘錄的內容新增行程到 Google 行事曆 ::: #### 12-4 讓 Make AI Agent 能夠存取電腦上的檔案 ##### 使用 mcp-proxy 發布 filesystem 到電腦的指定連接埠 - [mcp-proxy](https://github.com/sparfenyuk/mcp-proxy) - 啟動 mcp-proxy 連接 MCP 的指令: ``` uvx mcp-proxy --port=3001 npx @ modelcontextprotocol/server-filesystem C:\Users\使用者名稱\desktop ``` ##### 安裝 ngrok 並將 filesystem MCP 伺服器發佈到網路上 - [ngork 註冊](https://ngrok.com/) - 安裝 ngrok 指令: ``` scoop install ngrok ``` - MCP 伺服器發布指令: ``` ngrok http 3001 ``` ##### 在行動裝置上就能讓 AI Agent 替你整理桌面的檔案 :::info - 測試要求5:幫我把桌面的 .txt 檔都放在一個新的資料夾裡,名稱就叫 "文字文件集中區" ::: - OpenAI GPT-5 模型介紹: https://openai.com/index/introducing-gpt-5/ - Make AI Agent 指引文件: https://help.make.com/make-ai-agents