Claude 實戰指南

更新：2026/10/28

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

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

你想先完成什麼？

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

Projects、Skills 與 Claude 任務怎麼搭配？

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｜網站製作與設計原型

先從 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 郵報學院 · 查看課程大綱與報名資訊

04｜瀏覽器研究與資料查證

從 Claude in Chrome 的安裝、權限與跨分頁研究開始，對照目前介面練習一次可核對的研究任務。想持續蒐集網站資料，再延伸到 Claude Code、網頁擷取、截圖存證、Notion 資料庫與定時摘要的課程實作。

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

從安裝、權限與跨分頁研究開始練習。文章記錄整合前的 Cowork 介面；新版任務入口請對照本頁官方說明。

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

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

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

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

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

把既有文章、PDF 與筆記整理成 Obsidian 知識網，練習資料分層、建立關聯與持續更新。需要蒐集網頁資料並寫入 Notion，可看「04｜瀏覽器研究與資料查證」的 Claude Code 實作課程。

LLM Wiki 是什麼？OpenAI 創始成員提出的 AI 知識庫玩法，讓 LLM 幫你打造第二大腦

跟著四個步驟，用 Claude Code 與 Obsidian 建立 raw／wiki 資料夾、撰寫 CLAUDE.md 整理規則、匯入文章並根據筆記提問，再回查原始來源。

AI 郵報 · 2026-06-03

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

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

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 與後製

先依工作階段選讀：拍攝前學影片結構拆解，製作時整理品牌規則，人工粗剪後再交接動效。課程分別處理整理好的音檔轉 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 15｜用 Claude Code 把 Podcast 做成 YouTube 長片

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

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

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

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

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

Claude 學習常見問題

Projects 和 Skills 應該先學哪一個？

如果每次都要重新提供同一份背景資料，先整理 Project；如果背景已齊備，但每次仍要重講工作步驟與格式，再建立 Skill。兩者可以搭配，分別處理專案脈絡與重複方法。

不懂程式，也適合看 Claude Code 教學嗎？

可以從環境設定與小任務開始，但仍需要理解檔案放在哪裡、允許修改什麼，以及如何查看差異與驗收。涉及終端機、部署或工具串接時，依教學的先備條件準備，不要直接略過設定步驟。

Claude Cowork 為什麼不見了？

Cowork 的任務能力已整合進新版 Claude 對話，不需要再切換獨立的 Chat／Cowork 模式。既有任務、專案、Skills 與連接器會保留。新版逐步開放，部分帳號仍會顯示舊入口；需要操作本機檔案或電腦應用程式時，仍須開啟 Claude Desktop。

Anthropic 官方：Cowork 與聊天整合說明

編選與更新說明

本指南由 AI 郵報整理，以近一年內符合分類、具操作步驟、範例或實作價值的文章為主，學院課程作為延伸學習。每週檢查新內容與時效；同一小分類最多保留兩門推薦課程。功能、費用與開課狀態請以工具及課程頁為準。

2026/10/27：更新搜尋標題與摘要、統一正式連結，新增選讀表與常見問題。

2026/10/28：依 Anthropic 官方公告，更新 Cowork 與 Claude 對話整合說明，並標註舊文章與課程介面的差異。

選擇下一條學習路線

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

AI 應用實戰指南 →
按工作選工具：文件、視覺、影音、資料與協作。

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