東吳大學 T School × Brickverse

AI Agent 實戰 × Vibe Coding

七週工作坊課程大綱｜教學模組初稿

從 Vibe Coding 工具、Canva Code、Google AI Studio 與資料處理開始，逐步進入 Codex 生態系整合、專業網站開發、Supabase、Git 與 Skills，最後用一場產品實戰整合七週能力。

課程日期
2026/10/13–11/24
每週二，共 7 週；上課日期已由 T School 確認。
上課時間
18:20–21:00
每堂 160 分鐘，七堂合計 18 小時 40 分。
預期成果
完成 1 件可實際落地的數位產品
以真實世界問題為起點，完成可操作、可驗證並能持續迭代的成果。

一、課程定位

本課程定位為一門以實作為核心的「AI Agent 實戰 × Vibe Coding」七週工作坊， 帶領學生從容易上手的線上工具開始，循序建立從需求發想、原型製作到部署上線的產品開發能力。 前三週以 Canva Code、Google AI Studio 等線上 Vibe Coding 工具及資料處理實作為主，協助學生建立產品開發流程的思維與實作信心； 後四週則進入 Codex、GitHub、Supabase、Git、AGENTS.md 與 Skills 等專業開發工具，完成跨服務整合、網站部署與產品實戰。

二、T School 回覆確認

  1. 01

    課程定位已確認

    以「AI Agent 實戰 × Vibe Coding」為核心，納入 AGENTS.md、自動化流程、Supabase 後端串接與完整 AI 專案開發思維。

  2. 02

    七週日期已確認

    第一堂為 10/13，七週課程於 11/24 完成；課後保留約兩週供學生完善功能並準備成果發表。

  3. 03

    付費軟體全額補助

    學生因課程所需訂閱的付費軟體，預估 1–2 個月費用可由學校經費全額補助，校方將另行說明申請與報銷流程。

  4. 04

    課名與宣傳彈性

    目前課程名稱為暫定名稱；正式對外公告時可依整體定位與宣傳規劃調整，課程內容仍以雙方確認架構為主。

三、往返信件歷史紀錄

此區保留課程方向形成過程，後續調整正式課綱時不移除。前三封為往來原文，第四封為尚未寄出的回覆草稿。

第一封｜T School 課程邀請鐘婕茹老師 → 柏燁老師｜邀請原文
柏燁老師您好： 我是東吳大學文舍明日聚場（T School）的課程負責人鐘婕茹。 近期我正在規劃一門為期 7 週的 Vibe Coding 實作課。因為得知您有豐富的校園授課與工作坊經驗，非常擅長引導學生完成真實的數位專案，這與我希望帶給學生的實戰體驗不謀而合，因此特別希望能邀請您來到東吳擔任講師。 這門為期 7 週的實作課程，希望能帶領具備美學與企劃基礎、但無程式經驗的學生，利用 AI 協作產出能解決生活痛點的小程式（例如：地圖系統、心理測驗、記帳工具等）。您的專業背景與引導新手開發的實戰經驗，正是這門課最需要的特質。 【課程具體時間與合作條件】 課程名稱：Vibe Coding：AI 數位創作工作坊 上課日期：2026 年 10/6 至 11/17（每週二，共 7 週） 上課時間：18:20～21:00 預期成果：引導學生產出具備互動性或串接 API 的數位小程式 講師費用：總計新台幣 40,000 元整 隨信附上我規劃的「課綱概要」供您參考： [私人文件連結已隱去] 若老師對此合作有意願，都非常歡迎依照您習慣的教材彈性調整。 期待有機會能與您進一步討論！ 祝 順心 鐘婕茹 東吳大學／文舍明日聚場 [聯絡資訊已隱去]
第二封｜柏燁老師合作回覆Willy Ruan → 鐘婕茹老師｜2026/7/27 18:28｜回覆原文
Willy Ruan <聯絡資訊已隱去> Mon, Jul 27, 6:28 PM to 想中樂透 婕茹您好： 這門課程的方向與我過往帶領 Vibe Coding 實作及校園專案的經驗相當契合，我這邊有合作意願，也很期待有機會參與。 先跟您說明一下我的課程設計想法。我通常會秉持「以終為始」的方式，先確認學生最後要完成的成果，再從成果倒推需要建立的能力。 依照我過往的授課經驗，從基礎概念、實際開發到完成一件客製化專案，大約 6～7 小時即可完成。這次課程安排七週，總時數約 18 小時 40 分，因此在時數上是非常有餘裕的。除了帶領學生完成可實際操作的小工具，也有足夠時間進一步建立完整的 AI 協作與專案開發能力。 因此，我會建議將課程定位延伸為「AI Agent 實戰 × Vibe Coding」。核心仍以 Vibe Coding 專案實作為主，再加入 AGENTS.md 專案規則、Skills、排程及自動化任務、Gmail 等服務串接、GitHub 專案管理與部署，以及 Supabase 後台資料庫等 AI Agent 應用。實際工具與內容深度會再依學生程度、設備環境及預期成果調整。 在整理正式課綱前，想先請教以下幾項： 1、課程定位是否合適 是否接受將課程定位為「AI Agent 實戰 × Vibe Coding」，並以完成客製化數位小工具為主要成果？除了 Vibe Coding 專案實作，也會加入 AGENTS.md、Skills、排程、自動化與外部服務串接等 AI Agent 工作方式，這樣的內容是否符合 T School 的期待？ 2、軟體帳號與費用如何安排 第一週預計先使用免費的線上工具，讓學生建立概念並完成入門實作；後續專案開發則預計使用 Claude 或 ChatGPT 桌面版。因免費方案額度有限，可能不足以支撐七週持續開發。若採個人付費方案，每月費用約為 US$20，七週課程可能涉及一至兩個月的訂閱費。學校是否能提供課程帳號、軟體經費或部分補助？或是若需學生自行負擔，是否能在招生與選課階段事先明確說明？ 3、第一次上課日期能否調整 由於 10/6 已有既定安排，是否能將第一次上課調整為 10/13？若仍維持每週二、共七堂，最後一堂將順延至 11/24，想確認這樣的日期安排是否可行。 以上是我目前的初步構想。若課程定位、工具安排、軟體費用與日期調整大致可行，我再依照雙方確認的條件，整理成完整的七週課綱與每週預期成果。 若方便的話，也很歡迎再安排時間進一步討論。再次謝謝您的邀請，期待有機會與 T School 合作，帶領學生完成真正可以操作與分享的數位作品！ 祝 順心 Brickverse｜柏燁 敬上
第三封｜T School 確認回覆鐘婕茹老師 → 柏燁老師｜回覆原文
柏燁老師您好： 非常感謝老師的回覆，以及詳細分享課程構想！很高興能邀請老師參與這次課程，也非常期待與老師合作。 針對老師所提出的幾項確認事項，以下是我的回覆： 1. 關於課程定位與深度擴充 我非常認同老師提出的課程方向，也很喜歡「AI Agent 實戰 × Vibe Coding」這樣的定位。加入 AGENTS.md、自動化流程設計與 Supabase 等後端串接應用，不僅能讓學生完成更具實用性的作品，也非常符合我希望學生能運用 AI 實際解決生活痛點、打造個人專案的課程目標。很期待老師帶領學生建立完整的 AI 專案開發思維。 另外，也跟老師說明一下，目前信件中的課程名稱僅為暫定名稱，後續正式對外公告時，會再依整體課程定位與宣傳規劃進行調整；不過課程內容與整體方向，將以我們目前討論的架構為主。 2. 關於第一次上課日期的調整 將第一堂課調整至 10/13 完全沒有問題。依此時程，七週課程預計於 11/24 完成，之後學生仍有約兩週的時間可以持續調整作品、完善功能並準備成果發表，相信能讓最終展示更加完整。 3. 關於軟體帳號與經費安排 課程所需的付費軟體，學生訂閱費用（預估 1–2 個月）可由學校經費全額補助，因此老師無須擔心。我也會在招生及選課階段向學生說明申請與報銷流程，讓每位修課同學都能安心使用完整的 AI 工具進行開發。 4. 關於行政審核與宣傳素材 另外，因後續行政審核及招生宣傳作業需要，想請老師方便先提供一份個人簡歷（或講師介紹），以及一張適合公開宣傳使用的個人照片，方便後續製作課程海報、招生文案及相關宣傳素材。至於正式課綱，則再麻煩老師依本次討論方向規劃完成後回傳即可。 再次感謝老師用心規劃這門課程！若上述方向沒有問題，就再麻煩老師依此架構整理正式的七週課綱。 期待收到老師的簡歷、照片與正式課綱，也期待這門課順利展開！ 祝 順心 鐘婕茹 東吳大學／文舍明日聚場 [聯絡資訊已隱去]
第四封｜柏燁老師回覆草稿柏燁老師 → 鐘婕茹老師｜草稿・尚未寄出
主旨：東吳 T School 七週課綱草案與後續資料 婕茹您好： 謝謝您的詳細回覆與確認，也很感謝學校支持這次的課程規劃。 我已依照目前討論的方向整理好七週課綱草案，課程安排與每週內容都列在附件中；個人簡歷（講師介紹）及適合公開宣傳使用的照片，也一併隨信附上，供後續行政審核與招生宣傳使用。 這份課綱目前仍是草擬版本，如果您對課程內容、每週安排或預期成果有任何問題，或覺得有需要調整的部分，都很歡迎直接跟我說，我會再依學校的需求協助修改。課程名稱與素材格式若需要配合宣傳或行政規範調整，也都沒有問題。 另外，也想請教目前預計的上課地點。我之前到東吳授課都是在城中校區，想確認這次課程是否安排在校本部（外雙溪校區）？如果是的話，也想請問預計會使用哪一棟大樓與教室，方便我事先安排交通並準備課程所需設備。 再次謝謝您的邀請與協助，很期待與 T School 合作，也期待和同學一起完成真正可以操作與分享的數位作品！ 祝 順心 Brickverse｜柏燁 敬上

四、教學主線

  1. 01

    先建立工具全貌

    先比較 Canva Code、Claude Code、Cursor、Codex 與 Google AI Studio 的定位，再用實作理解各自適合的任務。

  2. 02

    從單點實作走向完整系統

    從 Canva Code、Google AI Studio 開發介紹與資料處理開始，再進入服務串接、網站開發與資料庫。

  3. 03

    建立 AI Agent 生態系

    以 Codex 串接 Gmail、Google Sheets、Notion 等常見服務，把分散任務整理成可執行流程。

  4. 04

    最後用產品實戰整合

    第七週從產品方向發想開始，現場把前六週能力整合成可操作、可展示的作品。

五、七週課程大綱

下載 PDF 課綱

工具探索、工作流整合與產品實戰

日期已確認為 10/13 至 11/24、連續七個星期二。每週都有一項可操作成果，最後一週整合成產品原型；課後另有約兩週可持續完善功能並準備成果發表。

第 1 周：10/13

Vibe Coding 工具全覽 × Canva Code 設計實作

先建立 Vibe Coding 的工具地圖，介紹 Canva Code、Claude Code、Cursor、Codex 與 Google AI Studio 的定位、操作方式與適用情境；實作聚焦 Canva Code，從設計需求出發完成第一個可互動作品。

  • 比較 Canva Code、Claude Code、Cursor、Codex、Google AI Studio 的定位與協作方式
  • 用 Canva Code 將視覺概念轉成可瀏覽、可互動的設計作品
  • 練習描述版面、風格、內容與互動，並透過預覽持續修改

本週產出：1 件 Canva Code 互動設計作品＋個人工具選用筆記

第 2 周：10/20

Google AI Studio 開發介紹

介紹 Google AI Studio 的開發方式，從需求描述、畫面生成到互動邏輯與預覽，理解如何運用 AI 建立並調整應用。

  • 認識 Google AI Studio 的專案介面、提示方式與預覽流程
  • 設計輸入、處理、輸出流程，建立表單、狀態與結果頁
  • 反覆測試需求描述，修正畫面與功能不一致的問題

本週產出：1 個 Google AI Studio 應用練習作品

第 3 周：10/27

Vibe Coding × Excel／表格資料處理

以 Excel、CSV 與表格資料為主軸，練習用 Vibe Coding 完成資料清理、合併、拆分、批次輸出，並把人工步驟整理成可反覆使用的流程。

  • 統一日期、數字、文字與欄位命名，辨識並處理缺漏值
  • 依欄位規則合併、拆分多份 Excel、CSV 或表格資料
  • 帶入個人情境，完成批次輸出／套印並檢查錯誤案例

本週產出：1 套可重複執行的資料清理／合併／拆分流程

第 4 周：11/3

AI Agent 入門 × Codex 服務生態系整合

正式進入 AI Agent 的工作方式，以 Codex 作為主要工具，學習把任務拆解、選擇合適服務並串成完整流程。實作將連接 Gmail、Google Sheets、Notion 等常見應用，理解權限、資料流與驗收方式。

  • 理解 AI Agent 與一般聊天式 AI 的差異，拆解跨工具任務流程
  • 串接 Gmail、Google Sheets、Notion，完成一項生態系整合流程
  • 設定服務權限、敏感資料邊界、失敗處理與人工確認點

本週產出：1 條可操作的 Codex 跨服務 Agent 工作流程

第 5 周：11/10

專業 Vibe Coding：網站、GitHub 與 Supabase

進入專業的網站開發流程，從頁面架構、元件與互動開始，將專案上傳至 GitHub 並完成公開部署；需要資料功能的作品則串接 Supabase，建立可新增、讀取與更新的後台資料流程。

  • 規劃網站資訊架構、共用元件、互動狀態與響應式畫面
  • 將專案上傳 GitHub 並公開部署，檢查網址、手機版與錯誤狀態
  • 串接 Supabase 資料庫，實作資料新增、讀取與更新

本週產出：1 個已上傳 GitHub、公開部署並串接 Supabase 的網站

第 6 周：11/17

Git 版本控制 × AGENTS.md × Skills 設定

補齊專業 AI 協作需要的專案管理能力：理解 Git 如何保存、比較與還原版本，使用 AGENTS.md 固定專案規則，並把常用工作方式整理成可重複使用的 Skills。

  • 理解 Git 核心概念，練習保存里程碑、查看差異與版本還原
  • 撰寫 AGENTS.md，固定專案目標、技術規範與驗收條件
  • 設定一項專案 Skill，定義觸發時機、執行步驟與成果檢查

本週產出：具備 Git 歷史、AGENTS.md 與自訂 Skill 的專案範本

第 7 周：11/24

產品方向發想 × 現場開發實戰

以產品實戰收束七週課程。學生從生活、學習或工作情境中找出值得解決的問題，快速定義使用者、核心價值與最小功能，並在現場運用前六週學到的工具與流程完成可操作原型。

  • 從問題情境與目標使用者收斂產品方向，設定最小可行範圍
  • 現場完成主要畫面、核心互動與一條端到端操作流程
  • 進行快速測試，整理課後兩週的作品完善清單

本週產出：可操作產品原型＋兩週完善計畫

六、後續行政與宣傳素材

  1. 01

    正式七週課綱

    依本次確認方向整理可供行政審核、招生宣傳與教學執行使用的正式版本。

  2. 02

    講師簡歷／介紹

    提供一份適合行政審核及招生文案使用的個人簡歷或講師介紹。

  3. 03

    公開宣傳照片

    提供一張可公開使用的個人照片，供課程海報與相關宣傳素材製作。

七、執行前仍需確認的合作細節

  1. 01

    班級人數與作品形式

    建議 20 人以內可做個人作品；超過 20 人改為 2 人一組，或增設至少 1 位技術助教。

  2. 02

    助教與課後支援

    需確認現場助教是否能處理帳號、安裝、GitHub、部署與 API 問題，以及講師是否需提供課外群組答疑。

  3. 03

    工具帳號與補助流程

    學生 1–2 個月的課程所需付費軟體由學校經費全額補助；招生與選課階段由校方說明申請及報銷流程。

  4. 04

    成果展與評分責任

    需確認七堂之外是否另有成果展、講師是否出席，以及期末評分、作品批改與頒獎評審是否包含在合作範圍。

  5. 05

    資料與內容邊界

    課堂不使用真實敏感資料；心理測驗僅能作為創意互動，不宣稱具有診斷或醫療效力。

  6. 06

    錄影、教材與作品授權

    確認教材能否重複使用、課程是否錄影，以及學生作品是否可在成果展與講師案例中展示。

八、目前建議的工具策略

第一週會比較 Canva Code、Claude Code、Cursor、Codex 與 Google AI Studio，讓學生先理解不同工具的定位； 後續以 Google AI Studio 認識 AI 輔助開發並完成應用練習、以 Codex 作為 AI Agent 與跨服務整合主力，再搭配 GitHub、Supabase、AGENTS.md 與 Skills 建立較完整的開發流程。 課程所需的學生付費軟體可由學校經費全額補助，正式帳號與工具名單將依班級人數、電腦環境及服務權限定稿。

講師簡介

Willy 柏燁

Willy・柏燁

Brickverse 創辦人暨講師

擁有超過 7 年程式教學經驗，長期投入企業培訓與校園工作坊，協助不同背景的學員運用 AI 解決實際問題，將想法轉化為可應用的工具與工作流程。課程以線下實體互動式學習為核心，透過現場引導、實作演練與即時回饋，打造能讓學員真的動手完成作品的學習體驗。

累積指導超過 2,500 位學員。不只教「怎麼用 AI 寫程式」，更著重在幫助非工程背景的工作者，從零開始做出自己能使用、能展示的數位作品。

學校
臺北大學、淡江大學、東吳大學
政府與研究機構
國立臺灣圖書館：文組人的 Coding 實驗課館員專業增能課程、工研院、平森永續發展協會
企業與社群
104 人力銀行：文組人也能上手的 AI 協作課程、人資互助會、數位簡報室、鉅微管理顧問公司