Google Antigravity MCP 架設

Part 5: 實戰應用與整合

結合 GitHub、Netlify、Notion 打造 AI 自動化工作流程

跨平台整合 自動化流程 實戰案例

🔗 MCP 整合的威力

當你同時啟用 GitHub、Netlify、Notion MCP,AI 可以:

🐙 GitHub
🚀 Netlify
📝 Notion

🔄 自動化部署

從 GitHub 取得程式碼 → 部署到 Netlify → 記錄到 Notion

📊 專案追蹤

追蹤 GitHub Issues → 同步到 Notion 資料庫

📋 文件整合

自動生成 README → 同步到 Notion 知識庫

一句話完成跨平台操作!
「幫我建立一個新的 GitHub repo,部署到 Netlify,再把網址記錄到我的專案資料庫」

📌 案例一:自動部署流程

🎯 情境

你有一個靜態網站專案,想要快速部署並記錄

💬 對 AI 說:

我有一個專案在 D:\Projects\my-website
請幫我:
1. 建立一個 GitHub repo 叫 my-awesome-site
2. 把專案 push 上去
3. 部署到 Netlify
4. 把網站連結記錄到我的 Notion「專案追蹤」資料庫

🤖 AI 會自動執行:

建立 GitHub Repo
Push 程式碼
Netlify 部署
更新 Notion

📌 案例二:Issue 追蹤整合

🎯 情境

你想把 GitHub Issues 同步到 Notion 進行管理

💬 對 AI 說:

幫我把 GitHub repo「my-project」的所有 open issues
同步到我的 Notion「Bug 追蹤」資料庫
每個 issue 建立一筆記錄,包含標題、描述、標籤

🤖 AI 執行流程:

  1. 呼叫 github.list_issues 取得所有 open issues
  2. 對每個 issue,呼叫 Notion API 建立新頁面
  3. 填入標題、描述、標籤等欄位
  4. 回報完成數量
結果:所有 GitHub Issues 自動同步到 Notion!

📌 案例三:部署狀態監控

🎯 情境

你想知道 Netlify 上所有網站的部署狀態

💬 對 AI 說:

列出我所有 Netlify 網站的部署狀態
如果有失敗的,告訴我失敗原因
並把狀態更新到我的 Notion「網站監控」資料庫

🤖 AI 執行流程:

  1. 呼叫 Netlify MCP 列出所有 sites
  2. 取得每個 site 的最新 deploy 狀態
  3. 如果有失敗,取得 deploy log 分析原因
  4. 更新 Notion 資料庫的狀態欄位

📌 案例四:程式碼審查輔助

🎯 情境

快速審查 Pull Request 並產生審查報告

💬 對 AI 說:

幫我審查 GitHub repo「my-project」的 PR #42
分析程式碼變更,找出潛在問題
產生一份審查報告存到 Notion「Code Review」頁面

🤖 AI 執行流程:

  1. 呼叫 GitHub API 取得 PR 詳細資訊
  2. 取得變更的檔案內容(diff)
  3. AI 分析程式碼,找出潛在問題
  4. 產生審查報告,包含建議和問題點
  5. 將報告存到 Notion 頁面

💡 進階技巧

🔄 批次操作

可以一次處理多個項目

幫我把所有 TODO 標籤的 Issue
都標記為已完成

📊 數據整合

跨平台數據彙總

統計本月所有 repo 的
commit 數量並記錄到 Notion

🔔 狀態追蹤

監控並記錄變化

檢查部署是否成功
失敗的話告訴我原因

📝 自動文件

自動生成文件

根據程式碼自動產生
API 文件到 Notion

✅ 最佳實踐

1. 明確說明任務

清楚描述你要做什麼,包含來源和目的地

✅ 「把 repo A 的 Issues 同步到 Notion 資料庫 B」

❌ 「同步一下 Issues」

2. 分步驟操作複雜任務

複雜任務可以拆解成多個步驟,確保每步都正確

3. 確認權限足夠

確保各 Token 有足夠權限執行操作

例如:需要寫入 Notion,Integration 要有 Insert content 權限

4. 重要操作先確認

刪除、修改等操作前,可以先讓 AI 列出要操作的項目

🎓 課程進度

Part 1

✅ 理解 MCP 概念與架構

Part 2

✅ Netlify MCP 設定完成

Part 3

✅ Notion MCP 設定完成

Part 4

✅ GitHub MCP 設定完成

Part 5

✅ 整合應用與實戰案例

Part 6

⏭️ Pencil MCP 前端設計工具

🚀 還有精彩內容!

繼續學習 Part 6:Pencil MCP 前端設計神器

前往 Part 6 →

📚 延伸資源

🛠️ 其他 MCP Server

  • Slack MCP
  • Google Drive MCP
  • PostgreSQL MCP
  • Brave Search MCP

🚀 繼續學習!

接下來學習 Part 6:Pencil MCP 前端設計神器

前往 Part 6 →