學費全免・五場擇一名額有限,額滿候補
立即報名

Vibe Coding
AI 開發全方位實戰

資服業者專場
AI Agent × Claude Code 專案實戰

上午建立 AI Agent 與專案資料夾的工作觀念,下午沿用同一個工作區做出能公開展示的網站產品。

9/20・10/3・10/6・10/8・10/13(共五場) 10:00–17:00 台北市(松江路 350 號 零程式基礎亦可 符合資格者・政府補助學費全免

統編通過即完成報名,不另辦理人工審核。

主辦數位發展部數位產業署 執行台北市電腦商業同業公會 協辦原騰數位科技|數位簡報室
Eligibility check

輸入統編,確認報名資格

比對經濟部商工登記,通過即可直接報名。
Toolchain

課程核心工具

示範以 Claude Code 為主,亦可使用 Codex。帳號準備方式於課前通知說明,現場有助教協助。

  • 桌面 AI Agent讀本地資料夾・連接工具
  • Claude Code主要開發工具・示範以此為主
  • GitHub版本紀錄・GitHub Pages 部署
  • Supabase雲端資料庫・儲存與管理資料
  • WebFetch公開網頁資料擷取
運動產業專場:Vibe Coding 主題分享
運動產業專場:Vibe Coding 主題分享
一日實作課全景
一日實作課全景:分組座位,每人一機實際操作
Vibe Coding 工作坊學員交流
Vibe Coding 工作坊:學員間的即時交流
講師與助教現場教學
餐飲業專場:講師與助教現場教學
Deliverables

結訓時,你會帶走這八樣東西

每個單元都有階段產出,一路累積成一個能開啟、能操作的作品。

一張 AI Agent 任務地圖

用「目標、資料、工具、行動與確認」寫清楚一項任務。

單元 01–02 階段產出

一個可交接、可換工具的 AI 專案資料夾

資料、規則與成果留在同一個資料夾,換工具或交接都能繼續。

單元 03–04 階段產出

一個已設定專案規則、含個人素材的網站

用 CLAUDE.md 定義專案規則,產出第一版網站。

單元 05 階段產出

一個 GitHub 專案與可分享的公開網址

完成版本紀錄,並取得可直接開啟、測試的公開網址。

單元 06 階段產出

一個能儲存與管理資料的 Web App

建立 Supabase 資料表並串接,資料可新增、查看、修改、移除。

單元 07 階段產出

一條「公開網頁 → 結構化資料 → 專案介面」的資料流程

從公開頁面擷取指定欄位,整理成表格或寫入資料庫。

單元 08 階段產出

一個可操作、可分享的個人或小組專案(MVP)

黑客松時段內做出真正能操作的產品,不只是概念提案。

單元 09 階段產出・現場完成

成果 Demo 與下一版迭代清單

以「問題、解法、現場操作、下一步」發表,並列出下一版功能。

單元 10 階段產出
Positioning

上午和下午,
不是兩個題目
下午沿用上午的工作區,
把資料做成能公開展示的網站產品

這條路徑對應的是真實的交付流程:需求釐清、工作區建立、版本控管、資料庫串接、部署上線與成果驗收——可以直接帶回公司,用在內部工具、客戶原型與提案展示。

上午單元 01–04:建立 AI Agent 與資料夾工作觀念。
下午單元 05–10:沿用同一個專案工作區,完成網站、版本管理、雲端資料與公開資料擷取。
收斂黑客松時段做出真正能操作的 MVP,而不是只停在概念提案。
核心目標帶走一套可持續的 AI 工作方法,以及一個能開啟、能操作、能繼續改進的作品。
claude — ~/projects/vibe-project
這個資料夾裡有活動報名的原始資料和參考文件,先盤點檔案,說明你理解到什麼、缺什麼。 讀到 3 份素材與 1 份規則文件。缺「報名欄位定義」與「成果輸出位置」,補上後我就能開始。 依 CLAUDE.md 的規則做出第一版網站,把 img/ 的照片放進來。 Created index.html · assets/ · CLAUDE.md 已套用 Pushed to GitHub · main (第一版版本紀錄) GitHub Pages 已啟用 報名表要能真的存資料,接 Supabase,後台看得到。 已建立 registrations 資料表並完成串接,新增/查看/修改/移除都可用。要不要我順便把公開頁面的活動清單擷取進來? https://<your-name>.github.io/vibe-project

單元 03 → 05 → 06 → 07 的流程示意(非實際輸出)。

Sessions

五個場次,內容相同,擇一報名

五場課綱一致,每人限報一場,額滿改列候補。

Session 01報名中
9/20週日
10:00 – 17:00 · 09:30 報到
松江路 350 號 9F · 901
阮柏燁 Willy
阮柏燁 Willy
剩餘名額 --
報名 9/20 場
Session 02報名中
10/3週六
10:00 – 17:00 · 09:30 報到
松江路 350 號 11F · 1102
樊松蒲 Dennis
樊松蒲 Dennis
剩餘名額 --
報名 10/3 場
Session 03報名中
10/6週二
10:00 – 17:00 · 09:30 報到
松江路 350 號 12F · 1201
庹永祺 Cablate
庹永祺 Cablate
剩餘名額 --
報名 10/6 場
Session 04報名中
10/8週四
10:00 – 17:00 · 09:30 報到
松江路 350 號 11F · 1101
樊松蒲 Dennis
樊松蒲 Dennis
剩餘名額 --
報名 10/8 場
Session 05報名中
10/13週二
10:00 – 17:00 · 09:30 報到
松江路 350 號 12F · 1201
庹永祺 Cablate
庹永祺 Cablate
剩餘名額 --
報名 10/13 場
Group registration

團體報名,請直接用 LINE 聯繫

公司要一次派多位同仁參加,不必逐一填報名表。加官方 LINE 後傳一則訊息,我們會統一保留席次並回覆確認。

公司統一編號報名人數欲參加場次
LINE 聯繫團體報名
五場課綱一致,選你方便的日期即可 各場次於開課前 3 天 23:59 截止報名,額滿為止 課前通知於開課前以 Email 寄出
Venue

上課地點

場地皆位於松江路 350 號,各場次樓層與教室不同,報名前請確認你要參加的場次。

9/20第一場台北市中山區松江路 350 號 9 樓 901 教室
10/3第二場台北市中山區松江路 350 號 11 樓 1102 教室
10/6第三場台北市中山區松江路 350 號 12 樓 1201 教室
10/8第四場台北市中山區松江路 350 號 11 樓 1101 教室
10/13第五場台北市中山區松江路 350 號 12 樓 1201 教室
松江路 350 號 9 樓 901 教室
901 教室9/20 第一場
松江路 350 號 11 樓 1102 教室
1102 教室10/3 第二場
松江路 350 號 12 樓 1201 教室
1201 教室10/6 第三場・10/13 第五場

10/8(1101 教室)場地照片將另行補充。實際教室如有異動,將於課前通知信中告知。

Agenda

六小時課程內容:十個單元,十個階段產出

上午建觀念(01–04),下午沿用同一個工作區做出作品(05–10)。

09:30

報到・環境確認

領取名牌與講義,確認筆電已完成安裝並可登入;現場有助教協助。各場次地點不同,請先確認地址。

10:00–10:25

單元 01AI Agent 入門:從聊天到代你做事

理解 AI Agent 與聊天助理的差異,建立「目標、資料、工具、行動與確認」的框架。

階段產出一張自己的 AI Agent 任務地圖,說清楚目標、資料與可執行範圍。

框架建立安全邊界
10:25–10:55

單元 02讓 AI Agent 連接工具與資料

認識 Connector 與 Plugin,分清「看得到」與「可以代你執行」的權限差異。

階段產出一份可安全交給 Agent 執行的工具連接任務說明。

Connector權限風險
10:55–11:35

單元 03本地工作區實作:讓 Agent 讀懂你的資料

把檔案放進同一個資料夾,讓桌面 Agent 讀取、整理並產出可交付的成果。

階段產出一個結構清楚的本地工作區,以及一份由資料產出的初版成果。

專案資料夾實作
11:35–12:00

單元 04資料夾才是本體:成果留下,工具可替換

檔案、規則與成果留在自己的資料夾,Agent 只是可以替換的操作端。

階段產出一個可交接、可換工具、能繼續累積成果的 AI 專案資料夾。

可交接可持續
12:00–13:00

午休

講師在場,歡迎帶問題來聊。

13:00–13:35

單元 05Claude Code:把工作區做成第一個網站

沿用上午的資料夾與工作規則,把需求與素材做成第一個可以開啟的網站。

階段產出一個已設定專案規則、包含個人素材的第一版網站。

CLAUDE.md第一版網站
13:35–14:10

單元 06GitHub:保存版本並部署網站

把網站保存到 GitHub,再部署成公開網址,讓其他人可以開啟與回饋。

階段產出一個 GitHub 專案與完成部署的公開網站。

版本紀錄公開網址
14:10–14:55

單元 07Supabase:讓網站能儲存與管理資料

從一張資料表開始,把只有畫面的網站升級為能接收與管理資訊的產品。

階段產出一個能把前台資料送進 Supabase、並在後台管理的 Web App。

資料表CRUD
14:55–15:30

單元 08把公開網頁變成可用資料

先定義欄位與用途,再請 Agent 擷取、清理並整理公開頁面的資料。

階段產出一條「公開網頁 → 結構化資料 → 專案介面」的小型資料流程。

WebFetch使用邊界
15:30–16:30

單元 09黑客松:完成最小可行產品(MVP)

選定一個情境,在時間內完成真正能操作的 MVP,而不是概念提案。

階段產出一個可操作、可分享,並能繼續迭代的個人或小組專案。

黑客松MVP
16:30–17:00

單元 10成果發表:Demo、回饋與下一步

用短 Demo 說明解決的問題、操作流程與限制,並整理下一版清單。

階段產出作品網址、GitHub 專案、成果 Demo 與下一版迭代清單。

Demo迭代清單
Instructors

三位講師,五個場次

由三位講師分別授課,實務案例與示範風格各有側重;五場課綱一致。

樊松蒲(Dennis)
樊松蒲(Dennis)
  • 原騰數位科技 創辦人
  • 企業培訓總規劃
  • Hahow 最暢銷網路行銷課程講師
  • 智谷網絡 特約講師
第二場 10/3・第四場 10/8

專長AI 工作流設計、企業培訓規劃、生成式 AI 應用、數位行銷與數據分析、沉浸式引導教學

  • 專注於企業 AI 導入的工作流設計,從流程盤點、工具選擇到內訓規劃完整落地
  • 協助企業將生成式 AI 結合數位行銷與數據分析,轉化為各部門可實際執行的工作方法
  • 具備跨產業專場授課與顧問輔導經驗,擅長以沉浸式引導帶動學員完成實作
庹永祺(Cablate)
庹永祺(Cablate)
  • AI 技術顧問
  • Claude 工具鏈應用・企業 Agent 架構設計
第三場 10/6・第五場 10/13

專長Claude 工具鏈應用、AI Agent 架構設計、系統開發、企業流程自動化

  • 協助企業從權責拆分、脈絡文件化到工具串接,建置可實際交付的 AI Agent 團隊
  • 具備多家企業 AI 營運團隊之課後一對一輔導顧問經驗
阮柏燁(Willy)
阮柏燁(Willy)
  • Vibe Coding 專家
  • 自然語言驅動開發
第一場 9/20

專長自然語言驅動開發、內部工具與系統原型建置、AI 輔助軟體流程

  • 專注於以自然語言驅動的軟體開發流程
  • 協助企業於不擴編工程團隊的前提下,快速建置內部工具與系統原型
  • 具備將構想於數日內完成上線的實作與輔導經驗
Eligibility & process

誰可以來、怎麼算報名成功

資訊服務業者從業人員,符合資格者政府補助學費全免

  • 限資訊服務業者,以統編驗證為準

    例如商業登記屬 I301,稅務行業分類 J582/J62/J63。可先用統編資格查詢確認——通過即完成報名,未通過無法報名。

  • 每人限報一場,同公司不限人數

    同一 Email/手機只能報一場。團體報名請直接用 LINE 聯繫,不必逐一填表。

  • 送出即完成報名,立即收到確認信

    確認信會載明你報名場次的上課地址課前通知(帳號與安裝說明)於開課前寄出。額滿改列候補。

  • 請全程出席,並於結束時完成問卷

    下午沿用上午的工作區,中途離席會接不上後段。

  • 自備筆電,並建議課前訂閱 AI 工具付費方案

    筆電須可安裝軟體並連網。建議訂閱 Claude Pro 或 ChatGPT Plus 以上方案,費用由學員自行負擔。零程式基礎亦可參加。

工程師・技術主管 Engineering

把 AI 原生工作方式系統化:資料夾即本體、成果可交接、工具可替換。

產品/專案經理・顧問・售前 Delivery

當天就有能點、能連的網址可以給客戶。

零程式基礎的工作者 Beginner

不限程式語言背景,懂公司內部流程學習效益更佳。

Step 1

查資格・填報名表

查統編資格、選場次,填公司名稱、聯絡人、E-mail 與電話,約 2 分鐘。

Step 2

統編驗證通過・送出即完成

比對統編與營業項目,通過即完成報名。

Step 3

收到確認信與課前通知

確認信含上課地址;開課前再收到課前通知。

Step 4

當天報到・實作・帶走作品

09:30 帶筆電報到,17:00 帶著一個公開網址與 GitHub 專案離開。

Organizers

主辦・執行・協辦

主辦單位

數位發展部 數位產業署

推動「AI 產業深化暨多元人才共育計畫」,協助台灣資服業者導入 AI、深化數位人才培育。

執行單位

台北市電腦商業同業公會

長期推動台灣資訊產業發展與人才培育,負責本計畫課程的統籌與執行。

協辦單位・課程規劃

原騰數位科技股份有限公司|數位簡報室

專注 AI 工作流設計、企業內訓與系統導入,累積多場產業專場經驗,負責本課程的規劃、講師與現場執行。課程洽詢:service@tbr.digital

本活動屬數位發展部數位產業署「AI 產業深化暨多元人才共育計畫」系列課程。報名僅蒐集公司名稱、聯絡人姓名、E-mail、電話(另需統一編號供資服業者資格比對),並依該計畫「蒐集個人資料告知事項暨個人資料提供同意書」使用。
※ 主辦單位保有調整課程內容及講師之權利。※ 實際教室如有異動,將於課前通知信中告知。

FAQ

常見問題

可以。本課程零程式基礎至 AI 工具初學者皆可參加,不限程式語言背景。核心是把需求說清楚、把成果驗清楚,程式由 AI 開發工具產出;上午先建立 Agent 與資料夾的工作觀念,下午才進到網站與資料庫實作,講師與助教全程逐桌協助。具備基本電腦操作能力即可;若你對企業內部流程或既有系統有實務了解,學習效益會更好。
課程本身符合資格者學費全免,但工具訂閱不含在內。本課程專案實作全程使用 AI 開發工具(示範以 Claude Code 為主,亦可使用 Codex),因此建議課前訂閱付費方案(如 Claude Pro、ChatGPT Plus 以上):免費方案受用量額度與功能限制,很容易在下午的實作中途用罄或無法啟用所需功能,導致專案做不完。工具訂閱費用由學員自行負擔。其餘工具沒有這個問題——GitHub、Supabase 使用免費方案即可;網站部署透過 GitHub Pages 免費完成。
請自備筆記型電腦(Windows/macOS 皆可),須具備軟體安裝權限並可連接網路,建議充飽電並攜帶充電器。請於課前完成 AI 開發工具的安裝、登入與基本操作測試。GitHub、Supabase 等帳號的建立方式會在課前通知中詳細說明,現場也有助教協助安裝與登入。
五個核心工具:桌面 AI Agent(讀本地資料夾、連接工具)、Claude Code(主要開發工具,亦可使用 Codex)、GitHub(版本紀錄與 GitHub Pages 部署)、Supabase(雲端資料庫)、WebFetch(公開網頁資料擷取)。
場地都在松江路 350 號,但各場次樓層與教室不同,報名前請先確認:
9/20 第一場——台北市中山區松江路 350 號 9 樓 901 教室
10/3 第二場——台北市中山區松江路 350 號 11 樓 1102 教室
10/6 第三場——台北市中山區松江路 350 號 12 樓 1201 教室
10/8 第四場——台北市中山區松江路 350 號 11 樓 1101 教室
10/13 第五場——台北市中山區松江路 350 號 12 樓 1201 教室
報名成功的確認信會載明你那一場的地址;實際教室如有異動,將於課前通知信中告知。詳見上課地點
09:30 報到,10:00–17:00 上課,教學共 6 小時,12:00–13:00 午休。上午單元 01–04 建立 AI Agent 與專案資料夾的工作觀念;下午單元 05–10 沿用同一個工作區,依序完成網站(Claude Code)、版本管理與部署(GitHub)、資料儲存(Supabase)、公開網頁資料擷取(WebFetch),15:30–16:30 黑客松完成 MVP,最後 30 分鐘成果發表。每個單元都有明確的階段產出。
不是。這正是本課程的設計重點:下午不重新開一個題目,而是直接沿用上午(單元 01–04)建立的專案資料夾與工作規則,把資料、規則與素材做成一個能公開展示的網站產品。所以中途離席會接不上後段,請盡量全程參與。
會。每個單元都設定了階段產出,一路累積成作品:AI Agent 任務地圖 → AI 專案資料夾 → 第一版網站 → GitHub 專案與公開網址 → 能存取資料的 Web App → 公開網頁資料流程 → 黑客松 MVP → 成果 Demo 與下一版迭代清單。黑客松時段的要求是做出真正能操作的最小可行產品,而不是只停在概念提案。
完全以統一編號驗證為準,不需要另外上傳文件、也不另辦理人工審核。培訓學員以資訊服務業者從業人員為主,服務企業之營業主軸需與資訊服務相關,例如商業登記屬 I301 資訊服務業,稅務行業分類為 J582(軟體出版業)、J62(電腦程式設計、諮詢及相關服務業)、J63(資訊服務業)。請用頁面上方的統編資格查詢即時比對;通過就可以直接報名,未通過者無法線上報名,若貴公司確為資服業者,請來信 service@tbr.digital 說明。
符合上述資格者,政府補助學費全免。唯一可能產生的自費項目是AI 工具的訂閱費用(見上方說明),由學員自行負擔。本活動不提供餐飲,12:00–13:00 為午休時間,請自行用餐。
可以,歡迎企業團報,同公司不限人數。單獨報名的同仁各自填一份報名表即可;若要一次派多位同仁參加,請直接加官方 LINE 聯繫lin.ee/WmY0s0p,訊息中告知公司統一編號、報名人數、欲參加場次,我們會統一保留席次並回覆確認,不必逐一填表。
五場課綱完全一致,由三位講師分場授課、實務案例與示範風格各有側重;每人限報一場,系統會以 Email 與手機號碼比對,重複報名會被擋下。名額有限,請把機會留給還沒上過的同事。
統編驗證通過、送出表單後立即完成報名,並馬上收到「報名成功」確認信(請檢查垃圾郵件匣)。課前通知(實際上課地點、課前準備、帳號建立與安裝說明)於開課前寄出。額滿時會改列候補,若有名額釋出將依序通知。
請盡早回覆確認信或來信 service@tbr.digital 取消,讓候補的人可以遞補。因為名額有限、每人限報一場,無故缺席者恕不受理本系列後續場次的報名。
報名只蒐集公司名稱、聯絡人姓名、E-mail、電話四項(另需統一編號作為資服業者資格比對,不作其他用途),用於課程作業管理、通知聯繫、活動訊息發布與問卷調查。依數位發展部數位產業署「AI 產業深化暨多元人才共育計畫」之蒐集個人資料告知事項暨個人資料提供同意書使用,報名表送出前需勾選同意、全文可直接展開閱讀;你可依個資法第 3 條隨時向計畫執行單位行使查詢、更正、停止利用或刪除等權利。
Register

五個場次,選一天,
做出一個能開啟、能操作的作品。

符合資格者政府補助學費全免。教學共 6 小時、十個單元、十個階段產出。
限資服業者,統編通過即完成報名;團體報名請用 LINE 聯繫。

立即報名(學費全免)
9/20 阮柏燁 10/3 樊松蒲 10/6 庹永祺 10/8 樊松蒲 10/13 庹永祺