教學站台
目前 7 個站台 · 持續新增中
CSS 框架
純靜態
Tailwind CSS 教學
從 Utility-First 設計哲學到進階技巧，完整涵蓋 JIT 模式、響應式設計、@apply、Dark Mode 與官方插件。
11 個頁面
展示案例
互動測驗
投影片
AI 工具鏈
純靜態
AI 工具箱：流程數位轉型
聚焦 Skill、Plugin、MCP 三種 AI 擴充能力的實務應用，30 篇系列文章涵蓋從基礎設計到真實專案落地。
30 篇文章
Skill / Plugin / MCP
安全 · 效能 · CI/CD
AI 開發工具
純靜態
Claude Code 教學
學習 Claude Code 的核心能力與使用技巧，從基礎操作到進階工作流程，提升 AI 輔助開發效率。
13 個頁面
展示案例
互動測驗
AI 編輯器
純靜態
Cursor AI 教學
快速掌握 Cursor AI 編輯器使用技巧，學習路線從核心功能到進階工作流程，提升程式開發生產力。
11 個頁面
展示案例
互動測驗
DevOps / CI/CD
純靜態
CI/CD 實戰教學
以 GitLab CI 為核心的完整 CI/CD 教學，涵蓋 Pipeline 設計、Docker 映像建置、自動部署到生產環境，與本站部署架構直接對應。
12 個頁面
GitLab CI / Docker
自動部署
AI Agent 開發
純靜態
AI Agent 開發教學
完整學習 LangChain、AutoGen、MCP Server 三大主流框架，從環境設定到多 Agent 協作實戰，含 RAG 知識問答與工具整合。
12 個頁面
LangChain / AutoGen / MCP
互動測驗
開發方法論
純靜態
Spec Kit 教學
規格驅動開發（SDD）完整教學，學習如何撰寫清晰的規格文件，讓 AI 協作更有效率、交付品質更穩定。
12 個頁面
展示案例
互動測驗
架構說明
共用資源
所有教學站台共用 shared/site.css 設計系統。更新一次，全站同步生效。 每個子站使用 ../shared/site.css 相對路徑引用。
新增教學站台
執行 Claude Code 的 /make-tutorial 指令，指定主題與資料夾名稱， AI 會自動生成符合本架構的完整靜態網站。