寬欣心理治療所・AI 培力工作坊 實作站

「MCP ＋ Artifact：助人者的 AI 培力課程」 2026-08-28（五）09:00–16:00　·　講師 楊智傑（南臺科技大學）

學員入口網頁。GitHub Pages 靜態站，前面有一道通行碼（現場由講師提供）。

⚠️ 這道通行碼不是資安措施

靜態站的密碼一定寫在原始碼裡，會按 F12 的人就繞得過去。 它的作用是「擋住路過的人」，不是保護機密。

所以這個 repo 永遠不放：學員名單、任何個資、個案資料、 未去識別化的逐字稿或紀錄。那些東西在 private repo kxmind-0828-lab， 或根本不進版控。

這一條在心理治療所比在別的地方更嚴格。這個 repo 是 public， 推錯一次就是永久留在 GitHub 的歷史紀錄裡。

檔案

檔案	用途
index.html	全部內容都在這一頁（通行碼閘 + 四個單元 + 進度同步）
task-unit1.md ~ task-unit4.md	四個單元的任務檔，學員從網頁直接下載
bump.py	改完跑一次，更新 header 上的版本號與時間戳
version.json	版本紀錄（由 bump.py 維護，不要手改）

單一檔案、無相依、無建置步驟。改完直接 push，GitHub Pages 幾分鐘後生效。

那四個 md 不是講義

是寫給 Claude 讀的任務指令。學員把檔案放進工作目錄， 然後對 Claude 說「讀 任務-單元1.md 照做」，Claude 就開始執行。

上午兩個單元刻意讓學員開四個工作目錄、四個 session， 一個單元一個——就是為了讓他們對「工作目錄」和「session」有實感。

本機預覽

python -m http.server 8731 --directory .

開 http://localhost:8731 ，輸入通行碼。

🔴 用這個方式預覽是刻意的：python -m http.server 不會送 charset 標頭，所以能驗出 HTML 裡有沒有 <meta charset="utf-8">。 GitHub Pages 會自己補這個標頭，線上完全看不出來—— 但學員把網頁存下來離線開，就是滿頁亂碼。 這一頁曾經漏掉 charset，標題在本機顯示成「撖祆派 AI」。

設計前提（別改壞）

• 不分組，依個人進度。四個單元各自獨立，做到哪算哪。
• 上午可獨立成立——只來半天的人，上午做完也有帶得走的東西。
• 課後不關站，跟不上的人回家要能接著做完。
• 版面沿用義守 0821 站的元件（.idcard / .utab / .dlbox / .stuck）， 只換配色。要改版面請先看義守那份，不要自己重新設計。

兩個下午單元接的 MCP

單元	repo（public，現場 clone）
單元 3 · 插圖庫	kxmind-irasutoya-mcp
單元 4 · 臺南心理衛生資源	kxmind-tainan-mental-mcp

兩支都附 CLAUDE.md——那份是寫給 AI 看的說明書，也是課程要教的核心概念之一。