{"repo":"deancourse/agent-skill-lecture-builder","free":true,"listed":false,"github":"https://github.com/deancourse/agent-skill-lecture-builder","clone":"git clone https://github.com/deancourse/agent-skill-lecture-builder.git","description":"提供主題 or Markdown 講稿，透過 Agent Skills 單一 HTML 課程頁面。","language":"HTML","stars":58,"topics":["ai","aiagents","antigravity","chatgpt","cli","codex","extension"],"license":null,"category":"cli-tools","readme_excerpt":"Course Page Generator [!NOTE] 📺 搭配影片觀看效果更佳 — YouTube 完整教學 ❝Vibe Coding 速度很快，但用完就丟的東西，永遠不會變成你的！❞ 這句話，是我用 Vibe Coding 做了幾十個網頁後的感悟。 - 👉 AI 生成的網頁很漂亮，但細節與架構很難調整 - 👉 每次生成結果都很隨機，風格、排版無法完全掌控 - 👉 做完的東西無法重複使用，下次又要從零開始 這支影片將透過實戰，帶你用「模板思維 + Agent Skills」解決以上痛點： 1. 登入 ChatGPT 免費體驗 Codex 2. 終端機 vs 編輯器，自由選擇操作模式 3. 把 AI 隨機的輸出，變成可用 Markdown 維護的模板 4. 將模板封裝成 Agent Skill，建立完整工作流 5. 一鍵部署到 GitHub Pages，讓講義網頁上線 AI 時代下，Vibe Coding 的價值不在於生成速度 ── 而在於你能不能把成果從「免洗餐具」變成「長期工具」 --- 提供主題 or Markdown 講稿，透過 Agent Skills 單一 HTML 課程頁面。 目錄 - Quick Start - 專案結構 - 新增一門課程 - Config 機制 - Markdown 語法 Quick Start 在 AI 對話窗輸入「幫我生成課程頁面」這類指令，AI 會自動觸發 course-page-generator Skill 完成所有步驟。 情境一：給主題，從零生成 只提供主題，AI 自動生成完整課程內容： AI 會依序：生成 content.md + config.yaml → build index.html → 產生 OG 縮圖 → 啟動本地預覽 情境二：給講稿，輔助轉換 提供現有的講稿、筆記或大綱，AI 將其轉換為結構化課程頁面： AI 會依序：萃取重點轉為結構化 content.md → 建立 config.yaml → build index.html → 產生 OG 縮圖 專案結構 新增一門課程 1. 建立 my-course/content.md — 用約定的 Markdown 語法撰寫講稿（或丟原始筆記給 AI，觸發 Skill 自動轉換） 2. 建立 my-course/config.yaml — 只需寫要覆蓋全域設定的欄位 3. Build 產出 my-course/index.html 。 若只想單純啟動本機預覽： 也可以指定 port： dev.mjs 會： - 啟動本機伺服器 - 先自動執行一次 build - 監看 content.md 、 config.yaml 、 config/global.yaml 、 reference/base.html - 存檔後自動重建並重新整理瀏覽器 若只想產出靜態檔，不需要啟動 server： 若要產出 OG 縮圖： Config 機制 兩層設定，deep merge： 層級 檔案 內容 ------ ------ ------ 全域 config/global.yaml 講者資訊、社群連結、頁尾 課程 /config.yaml 頁面標題、badge、hero、引言、導覽按鈕 課程 config 只需寫要覆蓋的欄位，其餘繼承全域。陣列欄位（如 socials ）會整個取代。 nav （Hero 導覽按鈕）預設從 content.md 的 # 章節自動產生，不需在 config 維護。 config/global.yaml 不必放在固定位置。Bu","default_branch":null,"files":null,"tree":[],"storefront":"/r/deancourse","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/deancourse/agent-skill-lecture-builder/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}