AI 全方位實戰基礎課
7 小時影音,從對話到設計、影片、上線網站——非技術人員也能用 Claude Chat + Claude Code + Claude Design 當天產出可分享的成品,結業帶走個人品牌作品集 URL。
分 3 部分 7 模組 · 建議 4 週完成
共 7 個模組,
依序學完即可。
認識 Claude + Prompt 工程
60 min搞懂 Claude Chat / Code / Design 三個產品各是什麼、什麼時候用哪個;學會 Prompt 五元素結構讓 AI 穩定輸出;建立你的第一個 Claude Project 工作空間。
Claude Design 視覺設計
60 min用對話生成可互動的 UI 原型、投影片、個人品牌一頁簡報;學迭代對話技巧持續調整版面與顏色;輸出 HTML 分享連結或 PDF,不需要學 Figma 或 PowerPoint。
Claude Code 入門──非技術人員視角
50 min你說需求,Claude Code 寫程式——這是這門課最顛覆你認知的單元。理解 Claude Code 和 Claude Chat 的本質差異,完成第一個 HTML 頁面,掌握「結果導向語言」下指令的原則。
huashu-design 動態設計輸出
40 min透過 Claude Code 使用 huashu-design,用中文指令生成動態圖表、簡報動畫、GIF——輸出可直接嵌入網頁的 HTML,設計感遠超 PPT。
影片製作:Remotion + Hyperframes
80 min描述你要的畫面,Claude Code 用 Remotion 或 Hyperframes 寫程式、渲染輸出 MP4。Remotion 做多頁投影片式影片,Hyperframes 做動態標題卡和轉場素材,兩個工具你不需要懂任何語法。
作品集建站 + Vercel 部署
50 min讓 Claude Code 幫你建立完整的個人作品集網站,把 Claude Design 設計稿、Remotion 影片、Hyperframes 動畫全部嵌入,再一鍵部署到 Vercel——5 分鐘拿到可公開分享的 URL。
Claude Cowork 協作工作流 + 期末專案
30 min + 自學學會在 Claude Projects 建立可和他人共享的協作空間,設計你自己的三段式工作流 SOP;期末完成個人品牌作品集(網站 URL + 影片 + Prompt 手冊),課程最終產出。延伸:認識 Codex——當你做完作品集網站、開始有 GitHub repo 之後,可以用 Codex 做非同步批次任務(例如一次生成多個頁面草稿)。課程不要求操作,但你會知道下一步在哪裡。
這堂課回應的,
是這些常見狀況。
聽過 ChatGPT,但不知道怎麼用在自己工作上
知道 AI 很強,但每次打開只會問「幫我寫個 email」,沒有產生真正的價值。
想做個人品牌作品集,卻沒有設計、剪片、寫程式技能
設計師排不到、影片自己剪太慢、網站架不出來——想呈現自己卻處處被技能卡住。
看了一堆免費教學,東學一點西學一點,永遠拼不出完整工作流
Twitter / YouTube 一堆碎片,但沒有人教你怎麼把它們串成一個能跑的流程。
課程結束時,
你會學會這些事。
用 Claude Design 在對話中生成可互動 UI 原型、投影片、一頁式網站,輸出可分享的 URL——不需要學任何設計工具
用中文指令讓 Claude Code 幫你做 HTML 頁面、動態設計稿(huashu-design)、程式化影片(Remotion + Hyperframes),全程不碰任何程式碼
把所有作品部署到 Vercel,結業帶走一個有真實公開 URL 的個人品牌網站
建立「Claude Chat 思考 → Claude Code 執行 → Claude Design 呈現」三段式工作流 SOP,可套用到任何工作場景
帶走 30+ 個 Prompt 模板,涵蓋設計、影片製作、網站建置、工作流設計全場景
這堂課為這些人設計,
也清楚說明不適合誰。
- 01非技術背景的上班族、創作者、講師、行銷人、創業者
- 02想用 AI 做出個人品牌作品集、影片、網站,建立可分享的成果
- 03已經會用 Claude Chat 問問題,想升級到「用 AI 做出東西」
- 04有 Claude Pro 訂閱或願意訂閱
- 01想學「AI 趨勢」「未來展望」這種概念課——這是動手實作課
- 02完全沒有想做的東西、純粹隨便看看——做不完作業沒辦法畢業
- 03不打算每週花 2–3 小時做作業——光看影片學不會
這堂課和其他 AI 課程,
主要差別在這幾項。
「課程內容來自實際使用 Claude、Codex、Vercel 的工作流程,會在課堂上一步步帶你跑過。」
- ✦Claude Code、Codex、Cowork 實作經驗
- ✦Vercel、Cloudflare Workers 部署經驗
- ✦Hyperframes、Claude Design 工具使用者
- ✦AI 應用相關開發專案
報名同時
附帶這些內容。
30+ 個 Prompt 模板
涵蓋設計、影片、網站、工作流四大場景,買課就送,可立刻套用。
學員專屬 LINE Bot 陪跑
AI 助理 24 小時回覆,複雜問題講師每週統一回覆。
永久解鎖 + 課程更新
工具更新就更新教材,買一次跟著工具一起進化。
還在猶豫什麼?
完全不懂程式,可以做出影片和網站嗎?+
Claude Design、huashu-design、Remotion、Hyperframes 是什麼工具?我需要先學嗎?+
需要訂閱付費版 Claude 嗎?+
已經會用 ChatGPT 了,這堂課能給我什麼新的?+
為什麼只有 7 小時?課程夠深嗎?+
期末作品集是什麼?我真的能做出來嗎?+
看不懂可以問問題嗎?+
退費政策?+
登記課程通知,
開課前優先收到資訊。
登記 AI 全方位實戰基礎課
留下聯絡方式,開課前優先收到通知與早鳥價格。不會有任何垃圾訊息。