商盟 AI 學院
讓非技術背景的人，
也能做出真正能用的 AI 工具
一日實戰——用「說」的產出可上線的應用。帶走的是可用的工具與能持續產出的能力，馬上就能用在工作中。
1 場次
8月23日
6 小時
10:00–13:00 / 14:00–17:00
20–30
小班額滿即止
課程行程
從 IDE 規則設定與 Vibe Coding 心法切入，做出第一個官網並一鍵推上 Zeabur，再補齊 SEO、資安與資料整合的基本功。
程式編輯器環境與規則設定
把寫程式的工具安裝好，並載入課程專屬規則——回覆語言、程式碼風格、檔案結構一次到位，讓 AI 產出符合初學者可讀的成果。
- 專案規則設定：繁體中文鐵律、精簡專案結構，設好 AI 就不會產出亂七八糟的程式碼
- 即時預覽設定：一鍵預覽本機作品，改完即看
Vibe Coding 心法 × 第一個官網
建立「用說的寫程式」的正確心態與溝通方式，動手做出第一個個人/活動官網：頁面佈局、視覺層次、響應式設計一次建立。
- Vibe Coding 思維：從「寫不寫得出來」轉為「描述得清不清楚」，學會給脈絡與範例
- 官網實作：index.html、style.css、script.js 三件套，用 AI 迭代出可對外展示的頁面
部署上線：Zeabur
從本機 Live Server 走到公開網址——搞懂「本機 vs 雲端」的差異，把剛才的官網一鍵推上 Zeabur，擁有真正可以分享的連結。
- 本機 vs 雲端：釐清為什麼自己電腦打開沒問題、別人卻看不到，建立正確的部署觀念
- Zeabur 一鍵部署：把專案資料夾直接上傳，自動建置並產出專屬公開網址
官網（下）：設計與 SEO
上線之後的兩件大事——把版面修到對得起品牌，再讓 Google 找得到。用最基礎的設定，就能讓網站既好看又被搜尋到。
- 設計優化：色彩、字體、間距與視覺層次，讓畫面從「能用」升級為「想看」
- SEO 基礎：meta 標籤、標題結構、語意化 HTML，讓搜尋引擎看得懂、願意推
資料處理 × 數位 Dashboard
把日常工作裡那些「Excel 表來表去」的瑣事交給 AI——清理、彙整、轉換一次處理完，再讓成果直接以數位 Dashboard 呈現，主管隨時看、團隊隨時用。
下午接續 AI 處理日常資料的兩個場景，再進入 Supabase 後台實作，最後以黑客松收尾——一次走完從資料、後台到產品的完整流程。
Supabase 專案 1：點餐系統
從零開始連上 Supabase——理解它能幫應用多出什麼能力，以「點餐系統」為範例，讓作品從展示升級為可儲存、可查詢的真產品。
- Supabase 核心功能：雲端資料庫、即時同步、檔案儲存，一次看懂能做到什麼
- 點餐系統實作：前台下單、後台查單、訂單紀錄，實際感受資料庫帶來的威力
- 安裝 Supabase Skill：把 AI 從「只會寫程式」升級為「直接幫你操作資料庫」
Supabase 專案 2：庫存系統與會員驗證
第二個 Supabase 範例——用「庫存系統」練會員登入與權限控管。一起做一部分、剩下放手給你練。
- 庫存系統實作：商品上架、數量調整、會員與權限區分，後台管理完整流程
- 登入系統：建立會員註冊、登入與權限區分，讓不同角色看到不同內容
個人產品開發（黑客松）
走過發想 → 產出 → 提交 → 分享的完整流程，現場做一個屬於你自己的作品，結束前 Demo 給大家看。
- 作品發想：從生活或工作痛點切入，收斂出一個可在 1 小時內做完的 MVP
- 產出與提交：動手實作、部署上線、提交作品連結
- 作品分享：現場 Demo，一起看看大家做出什麼
講師簡介
擁有超過 7 年的程式教學經驗，過去專注於資訊證照輔導與頂尖選手培訓，累積扎實的教學底蘊。
現在全心投入 AI 應用教學，核心專注在幫助非工程師真正落地使用 Vibe Coding——不靠背語法、不靠死記指令，而是學會用說的就能產出實際可用的工具，讓 AI 能力直接轉化為工作上的生產力。
已累積指導超過 2000 位學員，更有學員作品成功登上科技媒體專題報導。合作經歷包括 104 人力銀行、數位簡報室、才庫人力資源管理中心，並曾於淡江大學等校授課。
造訪 Brickverse 官網學完立即擁有：帶得走的實力與產出
可帶走的產出與可複用能力
思考工作坊產出可帶回職場使用的工具，並學會持續產出、解決問題的能力。
與 AI 協作的心法
學會怎麼描述需求、給脈絡與範例，讓 AI 產出更準、迭代更快，帶回日常就能用
資安與維護觀念
安全分享、妥善維護自己製作的工具，用得長久
從開發到上線的完整流程
本機開發到公開連結，全程實作，產出人人可開