Vibe Coding
AI 開發全方位實戰
AI 開發全方位實戰
資服業者專場
AI Agent × Claude Code 專案實戰
上午建立 AI Agent 與專案資料夾的工作觀念，下午沿用同一個工作區做出能公開展示的網站產品。
9/13・9/20・10/3・10/6・10/8（共五場） 10:00–17:00 台北市（兩處場地）
零程式基礎亦可 | 符合資格者・政府補助學費全免
立即報名（學費全免） →零程式基礎亦可 | 符合資格者・政府補助學費全免
統編通過即完成報名，不另辦理人工審核。教學方式：觀念拆解 × 跟做實作 × 黑客松專案。
| 日期 | 2026/9/20、10/3、10/6、10/8、10/13 五場內容相同，擇一報名 |
|---|---|
| 時間 | 10:00–17:00（09:30 開始報到） 教學共 6 小時 |
| 地點 | ADD:台北市中山區松江路350號 |
| 費用 | 學費全免，符合資格者由政府補助 |
| 對象 | 資服業者，零程式基礎亦可・統編驗證通過即完成報名 |
課程核心工具
五個核心工具
示範以 Claude Code 為主，亦可使用 Codex。帳號準備方式於課前通知說明，現場有助教協助。
| 桌面 AI Agent | 讀本地資料夾、連接工具 |
|---|---|
| Claude Code | 主要開發工具（亦可使用 Codex） |
| GitHub | 版本紀錄與 GitHub Pages 部署 |
| Supabase | 雲端資料庫、儲存與管理資料 |
| WebFetch | 公開網頁資料擷取 |
課程定位
上午和下午，不是兩個題目
這條路徑對應的是真實的交付流程：需求釐清、工作區建立、版本控管、資料庫串接、部署上線與成果驗收——可以直接帶回公司，用在內部工具、客戶原型與提案展示。
| 上午 | 單元 01–04：建立 AI Agent 與資料夾工作觀念。 |
|---|---|
| 下午 | 單元 05–10：沿用同一個專案工作區，完成網站、版本管理、雲端資料與公開資料擷取。 |
| 收斂 | 黑客松時段做出真正能操作的 MVP，而不是只停在概念提案。 |
| 核心目標 | 帶走一套可持續的 AI 工作方法，以及一個能開啟、能操作、能繼續改進的作品。 |
帶走什麼
結訓時，你會帶走這八樣東西
每個單元都有階段產出，一路累積成一個能開啟、能操作的作品。
1. 一張 AI Agent 任務地圖
用「目標、資料、工具、行動與確認」寫清楚一項任務。
單元 01–02 階段產出2. 一個可交接、可換工具的 AI 專案資料夾
資料、規則與成果留在同一個資料夾，換工具或交接都能繼續。
單元 03–04 階段產出3. 一個已設定專案規則、含個人素材的網站
用 CLAUDE.md 定義專案規則，產出第一版網站。
單元 05 階段產出4. 一個 GitHub 專案與可分享的公開網址
完成版本紀錄，並取得可直接開啟、測試的公開網址。
單元 06 階段產出5. 一個能儲存與管理資料的 Web App
建立 Supabase 資料表並串接，資料可新增、查看、修改、移除。
單元 07 階段產出6. 一條「公開網頁 → 結構化資料」的流程
從公開頁面擷取指定欄位，整理成表格或寫入資料庫。
單元 08 階段產出7. 一個可操作、可分享的專案（MVP）
黑客松時段內做出真正能操作的產品，不只是概念提案。
單元 09・現場完成 階段產出8. 成果 Demo 與下一版迭代清單
以「問題、解法、現場操作、下一步」發表，並列出下一版功能。
單元 10 階段產出五個場次
五個場次，內容相同，擇一報名
五場課綱一致，每人限報一場，額滿改列候補。各場次於開課前 3 天 23:59 截止報名。
| 9/20 週日・第一場 | 講師：阮柏燁 Willy 台北市中山區松江路 350 號 9 樓 901 教室 報名 9/20 場 → |
|---|---|
| 10/3 週六・第二場 | 講師：樊松蒲 Dennis 台北市中山區松江路 350 號 11 樓 1102 教室 報名 10/3 場 → |
| 10/6 週二・第三場 | 講師：庹永祺 Cablate 台北市中山區松江路 350 號 12 樓 1201 教室 報名 10/6 場 → |
| 10/8 週四・第四場 | 講師：樊松蒲 Dennis 台北市中山區松江路 350 號 11 樓 1101 教室 報名 10/8 場 → |
| 10/13 週二・第五場 | 講師：庹永祺 Cablate 台北市中山區松江路 350 號 12 樓 1201 教室 報名 10/13 場 → |
團體報名，請直接用 LINE 聯繫
公司要一次派多位同仁參加，不必逐一填報名表。加官方 LINE 後傳一則訊息，告知公司統一編號、報名人數、欲參加場次，我們會統一保留席次並回覆確認。
LINE 聯繫團體報名上課地點
上課地點
共兩處場地，各場次地點不同，報名前請確認你要參加的場次。
| 9/20 第二場 | 台北市中山區松江路 350 號 9 樓 901 教室 |
|---|---|
| 10/3 第三場 | 台北市中山區松江路 350 號 11 樓 1102 教室 |
| 10/6 第四場 | 台北市中山區松江路 350 號 12 樓 1201 教室 |
| 10/8 第五場 | 台北市中山區松江路 350 號 11 樓 1101 教室 |
| 10/13 第五場 | 台北市中山區松江路 350 號 10 樓 1003 教室 |
901 教室 9/20 第二場
1102 教室 10/3 第三場
1201 教室 10/6 第四場
9/13（復興北路）與 10/8（1101 教室）場地照片將另行補充。實際教室如有異動，將於課前通知信中告知。
一日課表
六小時課程內容：十個單元，十個階段產出
上午建觀念（01–04），下午沿用同一個工作區做出作品（05–10）。
| 09:30 | 報到・環境確認 領取名牌與講義，確認筆電已完成安裝並可登入；現場有助教協助。各場次地點不同，請先確認地址。 |
|---|---|
| 10:00–10:25 單元 01 | AI Agent 入門：從聊天到代你做事 理解 AI Agent 與聊天助理的差異，建立「目標、資料、工具、行動與確認」的框架。 階段產出：一張自己的 AI Agent 任務地圖。 |
| 10:25–10:55 單元 02 | 讓 AI Agent 連接工具與資料 認識 Connector 與 Plugin，分清「看得到」與「可以代你執行」的權限差異。 階段產出：一份可安全交給 Agent 執行的工具連接任務說明。 |
| 10:55–11:35 單元 03 | 本地工作區實作：讓 Agent 讀懂你的資料 把檔案放進同一個資料夾，讓桌面 Agent 讀取、整理並產出可交付的成果。 階段產出：一個結構清楚的本地工作區與初版成果。 |
| 11:35–12:00 單元 04 | 資料夾才是本體：成果留下，工具可替換 檔案、規則與成果留在自己的資料夾，Agent 只是可以替換的操作端。 階段產出：一個可交接、可換工具的 AI 專案資料夾。 |
| 12:00–13:00 | 午休 講師在場，歡迎帶問題來聊。 |
| 13:00–13:35 單元 05 | Claude Code：把工作區做成第一個網站 沿用上午的資料夾與工作規則，把需求與素材做成第一個可以開啟的網站。 階段產出：一個已設定專案規則、包含個人素材的第一版網站。 |
| 13:35–14:10 單元 06 | GitHub：保存版本並部署網站 把網站保存到 GitHub，再部署成公開網址，讓其他人可以開啟與回饋。 階段產出：一個 GitHub 專案與完成部署的公開網站。 |
| 14:10–14:55 單元 07 | Supabase：讓網站能儲存與管理資料 從一張資料表開始，把只有畫面的網站升級為能接收與管理資訊的產品。 階段產出：一個能把前台資料送進 Supabase 的 Web App。 |
| 14:55–15:30 單元 08 | 把公開網頁變成可用資料 先定義欄位與用途，再請 Agent 擷取、清理並整理公開頁面的資料。 階段產出：一條「公開網頁 → 結構化資料 → 專案介面」的流程。 |
| 15:30–16:30 單元 09 | 黑客松：完成最小可行產品（MVP） 選定一個情境，在時間內完成真正能操作的 MVP，而不是概念提案。 階段產出：一個可操作、可分享，並能繼續迭代的專案。 |
| 16:30–17:00 單元 10 | 成果發表：Demo、回饋與下一步 用短 Demo 說明解決的問題、操作流程與限制，並整理下一版清單。 階段產出：作品網址、GitHub 專案、成果 Demo 與迭代清單。 |
講師
三位講師，五個場次
由三位講師分別授課，實務案例與示範風格各有側重；五場課綱一致。
樊松蒲（Dennis）
原騰數位科技 創辦人｜企業培訓總規劃
第三場 10/3・第五場 10/8
專長：AI 工作流設計、企業培訓規劃、生成式 AI 應用、數位行銷與數據分析、沉浸式引導教學
第三場 10/3・第五場 10/8
專長：AI 工作流設計、企業培訓規劃、生成式 AI 應用、數位行銷與數據分析、沉浸式引導教學
庹永祺（Cablate）
AI 技術顧問｜Claude 工具鏈應用・企業 Agent 架構設計
第一場 9/13・第四場 10/6
專長：Claude 工具鏈應用、AI Agent 架構設計、系統開發、企業流程自動化
第一場 9/13・第四場 10/6
專長：Claude 工具鏈應用、AI Agent 架構設計、系統開發、企業流程自動化
阮柏燁（Willy）
Vibe Coding 專家｜自然語言驅動開發
第二場 9/20
專長：自然語言驅動開發、內部工具與系統原型建置、AI 輔助軟體流程
第二場 9/20
專長：自然語言驅動開發、內部工具與系統原型建置、AI 輔助軟體流程
報名資格
誰可以來、怎麼算報名成功
限資訊服務業者從業人員，符合資格者政府補助學費全免。
- 限資服業者在職人員，統編比對商工登記營業項目，通過才能報名。例如商業登記屬 I301，稅務行業分類 J582／J62／J63。
- 符合資格者學費全免，由政府補助。本活動不提供餐飲，12:00–13:00 為午休時間。
- 每人限報一場；同一 Email／手機不得重複。團體報名請用 LINE 聯繫。
- 名額有限，額滿改列候補；各場次於開課前 3 天 23:59 截止報名。
- 需自備筆電（Windows／macOS 皆可），須具備軟體安裝權限並可連接網路。
- 建議課前訂閱 Claude Pro 或 ChatGPT Plus 以上方案——免費額度容易在實作中途用罄；訂閱費用由學員自行負擔，不含在課程費用內。
- 零程式基礎亦可參加，不限程式語言背景。
- 下午沿用上午建立的工作區，中途離席會接不上後段，請盡量全程出席，並於結束時完成滿意度問卷。
主辦・執行・協辦
主辦・執行・協辦
本活動屬數位發展部數位產業署「AI 產業深化暨多元人才共育計畫」系列課程。報名僅蒐集公司名稱、聯絡人姓名、E-mail、電話（另需統一編號供資服業者資格比對），並依該計畫「蒐集個人資料告知事項暨個人資料提供同意書」使用。
※ 主辦單位保有調整課程內容及講師之權利。※ 實際教室如有異動，將於課前通知信中告知。
※ 主辦單位保有調整課程內容及講師之權利。※ 實際教室如有異動，將於課前通知信中告知。
常見問題
常見問題
Q. 我不會寫程式，可以參加嗎？
可以。本課程零程式基礎至 AI 工具初學者皆可參加，不限程式語言背景。核心是把需求說清楚、把成果驗清楚，程式由 AI 開發工具產出；講師與助教全程逐桌協助。
Q. 上課一定要付費訂閱 Claude 或 ChatGPT 嗎？
課程本身符合資格者學費全免，但工具訂閱不含在內。本課程專案實作全程使用 AI 開發工具，因此建議課前訂閱付費方案（如 Claude Pro、ChatGPT Plus 以上）：免費方案受用量額度限制，容易在下午的實作中途用罄，導致專案做不完。訂閱費用由學員自行負擔。GitHub、Supabase 使用免費方案即可，網站部署透過 GitHub Pages 免費完成。
Q. 上課前要準備什麼？
請自備筆記型電腦（Windows／macOS 皆可），須具備軟體安裝權限並可連接網路。請於課前完成 AI 開發工具的安裝、登入與基本操作測試。GitHub、Supabase 等帳號的建立方式會在課前通知中詳細說明，現場也有助教協助。
Q. 上課地點在哪裡？五場都同一個地方嗎？
不是，共有兩處場地，各場次地點不同，詳見上方「上課地點」。報名成功的確認信會載明你那一場的地址。
Q. 一天的流程是怎麼安排的？
09:30 報到，10:00–17:00 上課，教學共 6 小時，12:00–13:00 午休。上午單元 01–04 建立觀念；下午單元 05–10 沿用同一個工作區，15:30–16:30 黑客松完成 MVP，最後 30 分鐘成果發表。
Q. 上午和下午是兩個不同的題目嗎？
不是。下午不重新開一個題目，而是直接沿用上午建立的專案資料夾與工作規則。所以中途離席會接不上後段，請盡量全程參與。
Q. 「限資服業者」怎麼認定？需要另外提供證明嗎？
完全以統一編號驗證為準，不需要另外上傳文件、也不另辦理人工審核。報名時系統即時比對經濟部商工登記之營業項目；未通過者無法線上報名，若貴公司確為資服業者，請來信 service@tbr.digital 說明。
Q. 同一間公司可以報多名嗎？團體報名怎麼辦理？
可以，同公司不限人數。單獨報名各自填表即可；一次派多位同仁請直接加官方 LINE：lin.ee/WmY0s0p，告知公司統編、報名人數與欲參加場次。
Q. 可以報名兩場嗎？
五場課綱完全一致，每人限報一場；系統會以 Email 與手機號碼比對，重複報名會被擋下。
Q. 報名後多久會收到通知？
統編驗證通過、送出表單後立即完成報名，並馬上收到確認信（請檢查垃圾郵件匣），信中載明你那一場的上課地址。課前通知於開課前寄出。
Q. 報名後臨時不能來怎麼辦？
請盡早回覆確認信或來信 service@tbr.digital 取消，讓候補的人可以遞補。無故缺席者恕不受理本系列後續場次的報名。
Q. 我的個人資料會被怎麼使用？
報名只蒐集公司名稱、聯絡人姓名、E-mail、電話四項（另需統一編號作為資格比對），依數位產業署計畫之個人資料告知事項暨同意書使用；你可依個資法第 3 條行使查詢、更正、停止利用或刪除等權利。
