課程講義 — 工具清單 / 資源清單
實戰驗證、直接給 AI 就能產出好結果的工具
| # | 任務類別 | 推薦工具 | 一句話說明 |
|---|---|---|---|
| 本地工具 | |||
| 1 | YouTube 下載 | yt-dlp | 下載影片 / 音檔 / 字幕，命令列一行搞定 |
| 2 | 語音轉文字 | Whisper | OpenAI 開源模型，本地跑不用 API，支援中文 |
| 3 | 瀏覽器自動化 | Playwright | 截圖、操作網頁、匯出 HTML→PNG |
| 4 | 繪製圖表 | D2 | 宣告式語法，中文支援好，AI 寫起來比 Mermaid 穩 |
| 5 | 向量設計 | SVG 直出 | 不需外部工具，AI 直接寫 SVG 就能產圖 |
| 6 | PDF 生成 | md-to-pdf | Markdown → PDF，支援自訂 CSS 樣式 |
| 7 | 圖片處理 | sharp | 縮圖、轉檔、裁切，Node.js 最穩的選擇 |
| 8 | 圖片去背 | Pillow (PIL) | Python 圖片處理，去背和透明底是 sharp 做不到的 |
| 9 | 影音處理 | ffmpeg | 提取音軌、切片、轉檔，業界標準 |
| 10 | 靜態網站框架 | Astro | 部落格 / 作品集發布框架，Markdown 驅動 |
| 影片 / 動畫 | |||
| 11 | 程式化影片 | Remotion | React 寫影片，AI 用自然語言就能生成，skills.sh #1 非平台 Skill |
| 12 | 程式化影片（免費） | Rendervid | 免費 Remotion 替代，JSON 模板 + MCP 整合，AI-first 設計 |
| 13 | 程式化動畫 | Motion Canvas | TypeScript 寫動畫，適合教學動畫、產品 demo |
| 14 | 數學動畫 | Manim | Python 動畫引擎（3Blue1Brown 同款），適合教育 |
| 簡報 | |||
| 15 | Markdown 簡報 | Slidev | Markdown 寫投影片，Vue 驅動，支援程式碼高亮 |
| 16 | Markdown 簡報（輕量） | Marp | Markdown → PDF / PPTX 投影片，一個 CLI 搞定 |
| 17 | HTML 簡報 | reveal.js | 最成熟的 web 簡報框架，支援 Markdown |
| 文件排版 | |||
| 18 | 現代排版 | Typst | 現代 LaTeX 替代品，語法簡潔，AI 寫起來比 LaTeX 準確率高 |
| 19 | 萬用格式轉換 | Pandoc | Markdown ↔ DOCX ↔ PDF ↔ EPUB，轉檔萬用刀 |
| 20 | Email 模板 | React Email | React 寫 Email，跨客戶端相容，AI 直接寫組件 |
| 圖表 / 數據視覺化 | |||
| 21 | 宣告式圖表 | Vega-Lite | JSON 定義圖表，AI 天生適合寫 spec → 出圖 |
| 22 | 互動圖表 | Chart.js | 簡單直覺的 JavaScript 圖表庫，快速出互動圖表 |
| 23 | 資料視覺化 | Observable Plot | D3 團隊簡化版，API 簡潔，AI 友善 |
| API 服務（用 curl 串接） | |||
| 24 | AI 生圖 | Gemini API | 支援風格參考圖 + prompt，品質穩定 |
| 25 | 影音轉文字 | Groq Whisper | 速度快、免費額度夠，whisper-large-v3 模型 |
| 26 | YouTube 字幕 | youtube-transcript-api | 直接抓字幕不用下載影片，最快 |
| 27 | YouTube 字幕（備用） | Supadata API | youtube-transcript-api 失敗時的 fallback |
| 28 | 網頁抓取 | Jina Reader | r.jina.ai/<url> 一行搞定，回傳乾淨 Markdown |
| 29 | 圖片 CDN | Cloudinary | 上傳即取得公開網址，API 簽名驗證 |
| 30 | 社群發文 | Boring API | 統一接口發 IG + Threads，OAuth 驗證 |
| 31 | 網頁爬蟲 | Apify API | IG Reels 下載、結構化爬取，用 Actor 模式 |
從簡單擷取到完整自動化，看你需要多深
一鍵抓留言、擷取頁面內容。門檻最低，裝了就用。
適合：快速擷取網頁內容AI 操控瀏覽器搜尋、填表、讀取頁面。中等門檻。
適合：Notion 資料抓取、網頁搜尋完整自動化流程—登入、爬取、操作、截圖。門檻較高但最靈活。
適合：批次操作、HTML→PNG課堂中提到的萬用 Prompt，直接複製貼上就能用
我想要 ______，有什麼推薦給 AI 用的 SKILL 嗎
問 Grok / ChatGPT如果我要你做 XXX，你會怎麼做？給我三個方案並評估優劣
對齊 → 再開始幫我完善這篇文章，開頭為「...」
讓 AI 順著你的思路走我想要用 API 的方式寫一個製作圖片的腳本，請幫我寫完，告訴我有什麼事我要做的
AI 寫 + 告訴你要做的我想要上傳文章到平台，請跟我說要怎麼做
讓 AI 幫你找路幫我將這套流程打包成 SKILL
一句話封裝如果我要你做一份產品簡報，你會怎麼做？把你的思考步驟、判斷邏輯、工具選擇全部列出來。
把 AI 的策略變成 Skill最常見的實戰應用，每一項都是真實工作流
讀取整個資料夾的筆記，自動歸類
基於你的素材庫，非空泛 AI 內容
根據資料來源直接生成
部落格 → 圖文輪播
下載 / 壓縮 / 批次改名
分析 Excel / CSV，輸出圖表
語音 → 逐字稿 → 筆記
批次翻譯文件，保留格式
格式轉換、內容提取
每天自動抓取關注領域
影片、音檔、圖片格式互轉
跨領域的實際應用場景，點選膠囊篩選類別
Skill 市集、MCP 推薦、Plugin 推薦
10,000+ Skills，社群 Skill 市集，瀏覽和安裝
80,000+ Skills，最大的 Skill 集合平台
經過品質驗證的 Skills，注重可靠性
AI 即時預覽網頁、圖表，所見即所得
上傳 CSV，AI 幫你分析數據、做圖表
直接讀寫你的雲端硬碟檔案
讀寫 Notion 頁面與資料庫
看 Issue、建 PR、管理 repo
讀取設計、自動化操作
AI 幫你瀏覽、搜尋、填表
讀寫試算表、自動化報表
讀取、搜尋、發送郵件
Gemini AI 生圖 / 修圖，支援多輪對話與角色一致性
除了 Claude，這些也是值得認識的本地 Agent
本地 AI Agent，有免費額度，適合入門體驗
OpenAI 的本地 Agent，有免費額度，命令列操作
開箱即用的本地 Agent，內建記憶層和通訊整合
搜尋 AI Skill 的好幫手，問「有什麼推薦的 Skill」很好用