Claude 實戰指南

更新：2026/10/27

當你開始用 Claude 處理持續進行的工作，常會遇到新的問題：怎麼讓它掌握專案背景？固定的工作方法要如何重複使用？想做網站、互動效果或剪輯影音，又該從哪裡開始？Projects、Skills、Cowork 與 Claude Code 各有用途，理解它們的分工，才能把工具接到實際需求上。

這份指南以可實作的任務整理學習路線，涵蓋專案設定、知識管理、資訊追蹤、網站與影音製作。你可以透過文章中的步驟、提示詞與案例動手練習，再視需要搭配學院課程深入操作，逐步建立自己能修改、檢查與持續使用的工作方式。

你想先完成什麼？

1. Claude 入門與工作練習
2. Projects 與 Skills 實作
3. 資料庫與個人知識管理
4. 瀏覽器研究與通知自動化
5. 網站製作與設計原型
6. Claude Code 設定、用量與協作
7. 網頁動畫與互動效果
8. 影片企劃、Podcast 與後製

01｜Claude 入門與工作練習

先用自己的文章練習一次多平台改寫，再依工作樣本安排學習計畫。需要從介面設定與交辦方法開始，再看新手課程延伸。

2026 Claude 教學：官方 90 個 Use Cases、12 個工作流程與 Prompt 範例

從文內第 8 個流程開始，準備原文、品牌語氣與讀者，套用 Prompt 做出不同平台草稿，再核對事實與素材。

AI 郵報 · 2026-07-19

Claude 職能學習計畫 Prompt：把 90 天進修拆成每週作品與驗收

先提供工作樣本與卡關處，再用文內 Prompt 安排第一週練習、成果與回饋。

延伸閱讀 · AI 郵報 · 2026-10-23

Skill Shot 18｜2026 新版 Claude 新手全攻略！從零打造 AI 同事的工作辦公室

想跟著中文示範，練習個人設定、任務交辦、資料查證與工具串接，可以從這堂課建立自己的 Claude 工作配置。

AI 郵報學院 · 查看課程大綱與報名資訊

02｜Projects 與 Skills 實作

先跟著 Projects 教學建立專案、設定指令與加入文件，再依重複任務的需要建立第一份 Skill。兩篇都是操作教學，照自己的需要選一篇開始。

Claude Projects 完整教學：不懂技術也能打造專屬 AI 助理

跟著建立 Project、設定 Instructions 與加入 Files 的步驟，用一次新對話測試，再調整不符合需求的設定。

AI 郵報 · 2026-03-26

Claude Skills 是什麼？免費就能用的 AI 客製化功能完整教學

跟著文章建立 SKILL.md、填寫名稱與描述，再檢查技能是否在需要時觸發。

延伸閱讀 · AI 郵報 · 2026-03-23

03｜資料庫與個人知識管理

這區分成兩種實作：把持續收集的網頁資料寫入 Notion，或把既有文章、PDF 與筆記整理成 Obsidian 知識網。依自己的資料來源選一條路線。

Skill Shot 05｜用 Claude Code 打造個人資料庫工作流

適合定期蒐集資料與追蹤資訊的人，練習 Claude Code、網頁擷取、Notion 資料庫與定時摘要。

AI 郵報學院 · 查看課程大綱與報名資訊

Flash Lesson 05｜Obsidian × Claude 個人 AI 知識網

適合已收藏文章、PDF 與筆記的人，練習原始資料、知識筆記與規則分層，再建立關聯、查詢回填與健康檢查。

AI 郵報學院 · 查看課程大綱與報名資訊

04｜瀏覽器研究與通知自動化

先從 Claude in Chrome 的安裝、權限與跨分頁研究開始。需要定期整理情報，可延伸到 Cowork 趨勢雷達；經營官方 LINE，則選內容生成、人工審稿與推播實作。

Claude in Chrome 是什麼？新版功能、Cowork 整合與安全風險完整解析

從安裝擴充功能、選擇操作權限開始，練習整理指定網頁資料，先做好一次可核對的跨分頁研究。

先讀 · AI 郵報 · 2026-08-13

Skill Shot 02｜用 Claude Cowork 建立你的 AI 趨勢雷達

想定期追蹤競品、產業新聞與研究資料，可以練習把情報規則、任務與排程分開，再整理有來源的報告。課程保留 Cowork 當時的介面示範。

AI 郵報學院 · 查看課程大綱與報名資訊

Skill Shot 03｜Claude × Make 官方 LINE 內容自動化

適合經營官方 LINE 的品牌與內容團隊，練習內容生成、Google Docs 人工審稿、Make 串接與推播紀錄。

AI 郵報學院 · 查看課程大綱與報名資訊

05｜網站製作與設計原型

先從 Claude Design 建立原型，再依需要選讀既有專案的 /design 或 React 元件實作。最後用 PRD 實測文章練習驗收；想做可持續更新的個人網站或 Figma 設計交接，再看課程延伸。

新版 Claude Design 教學 2026：設計系統、畫布編輯、Claude Code 同步與匯出指南

依八個步驟準備參考資料、寫 Prompt、修改畫布與匯出成果；功能入口以目前帳號顯示為準。

AI 郵報 · 2026-09-13

Claude Code /design 是什麼？從 UI 設計草稿到程式實作完整教學

帳號須可使用 /design；先讀專案、比較多個畫板，再選定版本實作與檢查互動。

AI 郵報 · 2026-08-19

Arc UI MCP 教學：讓 Claude Code 用現成元件做出可維護的網站介面

適合已有 React 專案的人；跟著 MCP 連線、元件安裝與樣式設定，檢查表單錯誤、手機版與鍵盤操作。

AI 郵報 · 2026-10-10

PM 實測：Claude Design 把 PRD 變成能點的原型，兩分鐘左右，哪些地方要自己看？

看一份 PRD 如何變成可點選原型，再學習辨認 AI 補上的假資料與需求以外的欄位。

延伸閱讀 · AI 郵報 · 2026-10-23

Skill Shot 06｜Claude Code 個人網站 × Notion 內容後台

從網站需求與 Claude Design 視覺規劃，到 Claude Code 開發、Notion 後台、圖床與部署，完成可持續更新的個人網站。

AI 郵報學院 · 查看課程大綱與報名資訊

Flash Lesson 02｜AI 設計工作流實戰：從一個網址，AI 自動生成 Figma Design System 與作品集網站

想把網站參考接到自己的作品集，可以進一步練習 Aura.build、Claude Code 與 Figma MCP 的設計交接流程。

AI 郵報學院 · 查看課程大綱與報名資訊

06｜Claude Code 設定、用量與協作

尚未安裝工具，先看環境設定課程；已能操作 Claude Code，依序練習工作階段管理、檔案與用量控制，再用 Codex 交叉檢查修改。

Claude Code 桌面版多工教學：側欄、支線對話與並行任務怎麼安排？

從兩個互不改同一檔案的任務開始，練習側欄管理、side chat 與修改差異檢查。

延伸閱讀 · AI 郵報 · 2026-10-15

Claude Code 怎麼省 Token？6 個工作階段管理技巧，降低額度消耗又不犧牲品質

已有 Claude Code 基礎再讀；練習指定檔案、查看 /context，分清換任務用 /clear 與延續任務用 /compact。

AI 郵報 · 2026-08-16

Claude Code × Codex 交叉 review 工作流：讓兩個 AI 互相挑錯，不懂程式也能安心上線

適合已能啟動兩個工具的人；把修改交給另一個 AI 檢查，再跑測試與實際操作驗收。

AI 郵報 · Joanna Chang · 2026-06-25

Skill Shot 12｜從零建立 AI Coding 環境：GitHub、VS Code 到 Claude Code 一次搞定

如果你卡在安裝與專案設定，可以跟著完成 GitHub、VS Code、Git 與 SSH 設定，並親手做一次 Commit 與 Push。

AI 郵報學院 · 查看課程大綱與報名資訊

07｜網頁動畫與互動效果

想做能回應操作的網頁，可以從水墨畫布開始；已有網站專案，再選 GSAP 滾動與轉場；需要解釋流程，則看 ISO-GLOW 點擊圖解。想從 Logo、Loading 與動態圖表建立基礎，再看課程延伸。

一句 Prompt 做出日式墨流し互動網頁：用 Claude Fable生成 WebGL 流體水墨畫布

附完整 Prompt；練習點擊滴墨、拖曳水流與調整視覺，輸出單一 HTML，再檢查手機操作與效能。

AI 郵報 · 2026-06-11

【AI工具地圖】做網站總是像 AI 模板？我用 GSAP Skills做出高質感互動網站

需要 Claude Code 與網頁專案；跟著技能安裝、設計參考與提示詞，練習 Hero 進場、捲動敘事及頁面轉場。

AI 郵報 · 2026-06-17

ISO-GLOW 教學：用 Claude 把抽象流程做成可互動的等角 HTML 圖

依帳號支援的方式安裝 Skill，用文內課程流程範例設定點擊、亮起與說明面板，再檢查觸控、鍵盤與 HTML 交付。

AI 郵報 · 2026-10-10

Flash Lesson 09｜Claude Opus 5.5 動畫設計實戰：一句話讓網頁動起來

想從一個小作品開始，可以跟著練習動畫需求、風格與修改方法，再延伸到 Logo、Loading 或動態圖表。

AI 郵報學院 · 查看課程大綱與報名資訊

08｜影片企劃、Podcast 與後製

先依工作階段選讀：拍攝前學影片結構拆解，製作時整理品牌規則，人工粗剪後再交接動效。課程則分別處理 Podcast 音訊初剪、音檔轉 YouTube 長片與口播剪輯。

如何一句話拆解「爆紅影片」並複用？6 款 Claude Code Skill 實測評比與使用教學

需具備 Claude Code 基本操作；跟著安裝步驟準備影片資料，拆解鉤子與敘事，再規劃自己的腳本。

AI 郵報 · Joanna Chang · 2026-07-02

Claude 品牌動畫工作流：Hamza 的素材資料夾、CLAUDE.md 與時間碼修稿法

適合已有影片專案的人；建立品牌資料夾、CLAUDE.md 與 brief.md，再用時間碼指定修稿位置。

延伸閱讀 · AI 郵報 · 2026-10-24

Premiere Claude 工作流：人工粗剪後，用時間碼交接縮放、標題與動效

先保留人工粗剪的段落與長度，再用時間碼交代縮放、標題與片尾，回到 Premiere 核對成果。

延伸閱讀 · AI 郵報 · 2026-10-25

Skill Shot 09｜別再手動剪音訊了！讓 Claude Code 當你的 Podcast 剪輯助理

已經有 Podcast 音檔，想減少尋找贅字、重錄與離題片段的時間，可以跟著練習初剪流程，再自行確認內容與試聽。

AI 郵報學院 · 查看課程大綱與報名資訊

Skill Shot 15｜用 Claude Code 把 Podcast 做成 YouTube 長片

已有整理好的音檔，可接續練習逐字稿、照片配圖、長片組裝、標題文案與製作進度表更新。

AI 郵報學院 · 查看課程大綱與報名資訊

Skill Shot 14｜不用開剪輯軟體！Claude AI 口播剪片全攻略

如果主要製作口播短片，可以練習逐字稿精剪、繁中字幕、字卡與逐刀驗收，再把流程保存成自己的剪片 Skill。

AI 郵報學院 · 查看課程大綱與報名資訊

選擇下一條學習路線

ChatGPT 實戰指南 →
繼續學 ChatGPT：語音、文件、研究、圖片與進階延伸。

AI 工具與工作流 →
按工作選工具：文件、視覺、影音、資料與協作。

工具可用功能、課程內容及預購／開課狀態，請以各官方與課程頁最新說明為準。