從安裝環境、記憶系統、prompt cache，到 Skills／Plugins 擴充與實作產出——用 Claude Code 把日常工作與創作自動化的一份實戰講義。
使用前先更新：每次在終端機開工前先跑 claude update，確保是最新版本——避免踩到舊版 bug，也能即時取得新功能。
npm i -g @anthropic-ai/claude-code，在專案資料夾下輸入 claude 啟動。cd 到專案資料夾再啟動，Claude 的工作範圍就是該目錄。/config 調主題與外觀，看得順眼才坐得久。/exit，或連按兩次 Ctrl+C。claude --continue 接續上次、claude --resume 挑一個歷史 session 回來。新版 UI 渲染引擎，解決螢幕閃爍與終端機相容問題。/tui fullscreen 開啟、/tui default 關閉，或設環境變數 CLAUDE_CODE_NO_FLICKER=1。輸入框固定底部、只渲染可見訊息（記憶體不隨對話長度膨脹）、支援滑鼠。在 VS Code 終端機、tmux、iTerm2 改善最明顯（v2.1.110 起）。
這是整套課程的核心。Claude Code 有三層讓資訊跨 session 留存的機制，搞清楚差別，才能把「規則 / 索引 / 參考資料」放對地方——不然規則被當成參考資料放，Claude 不會主動讀，就會反覆犯同樣的錯。
| 機制 | 載入時機 | 適合放什麼 |
|---|---|---|
CLAUDE.md | 每次 session 啟動，自動全文塞進 context | 鐵則、絕對禁令、永久背景（例：時間一律用台北時區、不准擅改 settings.json） |
MEMORY.md 索引 | 每次 session 啟動，只載入索引一行 | 「有哪些東西可查」的目錄，每筆一行：- [標題](檔名.md) — 描述 |
memory/*.md 內文 | 不會自動讀，Claude 覺得相關時才主動 Read | 參考資料、使用者背景、專案脈絡、外部系統指標、風格偏好 |
違反代價高的「鐵則」放 CLAUDE.md；可查可不查的「參考」放 memory/。常見錯誤是把「絕對規則」寫進 memory/feedback，Claude 沒主動聯想就漏掉——例如把「日期一律用台北時區」放 memory，結果跑指令時根本沒想到要先查，照樣輸出 UTC。
user — 使用者身份與偏好feedback — 指導與糾正project — 進行中的事件，通常有時效reference — 外部系統路徑／資源檔名用類型前綴方便管理，如 user_profile.md、reference_jobs.md。
CLAUDE.md（或用 /init 自動生成），寫下這個專案的規則與背景。~/.claude（設定、記憶、commands）與你的 Obsidian 資料庫，換機不怕掉。每次請求，模型會把對話前段固定不變的內容（系統提示、CLAUDE.md、已讀檔案、先前對話）做成快取。下次請求若開頭前綴一樣，就「命中快取（hit cache）」——直接沿用，又快又省（快取讀取約為原價的 1/10）。
① 固定的大內容放前面，每次會變動的放後面。
② 別回頭改前面已送出的內容——一改，後面的快取就全部失效要重建。
③ 連續操作集中在同一 session：快取存活時間（TTL）約 5 分鐘，逾時會失效要重來；穩定的 CLAUDE.md + 不頻繁打斷，命中率最高、成本最低。
在 ~/.claude/commands/<name>.md 放一份 markdown，即可全域用 /<name> 觸發自訂的 prompt 流程。Body 完全 lazy load，不打就不進 context（與 skill 不同——skill 的 description 每次 session 都會載入）。適合「我打了才執行」的固定流程，例如 session 結束前自動寫進 CLAUDE.md 的 /clear-prep。
用 /model 隨時切換模型——複雜任務用強模型、輕量任務用快模型，兼顧品質與成本。
從手機／平板／任何瀏覽器，繼續操控本機正在跑的 session。Claude 全程在自己機器上執行，不上雲端。
claude remote-control，或現有 session 輸入 /remote-control/config 開「Push when Claude decides」；也可在 prompt 說「notify me when done」關鍵看它怎麼發布的——是裸 skill 還是被打包成 plugin。
本質就是一個 SKILL.md 檔，放進 ~/.claude/skills/<名稱>/（或專案 .claude/skills/），Claude Code 啟動時自動偵測載入，不需要任何安裝指令。
npx skills add <github網址> — 社群 CLI（非官方），自動抓 GitHub 上的 SKILL.md 放進 skills 目錄，繞過 plugin marketplacegit clone 到 ~/.claude/skills/，效果一樣taste-skill 就是裸 skill，用 npx skills add 裝，不用 /plugin作者把 skill 包進 plugin 上架 marketplace，才用 /plugin 搜尋安裝（如官方 frontend-design）。
| 單位 | 內涵 |
|---|---|
| Skill | 單一能力包（如 frontend-design、revealjs），description 每次 session 載入 context |
| Plugin | 更大的整合單位，可內含多個 skills、slash commands、hooks、MCP servers，是「能力套組」；裝一個 plugin 等於批次裝多個能力 |
/plugin — 開啟管理介面，瀏覽／安裝／移除 marketplace 的 plugin（含官方與社群）/reload-plugins — 裝／更新後不用重啟 session，直接重新載入（比關掉重開更快）~/.claude/skills/ 有沒有出現對應資料夾，有就成功，下次對話自動納入Frontend Design Skill（Anthropic 官方）：讓輸出跳脫「AI slop」（紫色漸層、Inter 字體、千篇一律卡片），改成大膽有意圖的設計——typography、色彩系統、動畫、層級感。實測質感提升 2–3 個等級。在 /plugin 或 marketplace 搜 frontend-design 直接裝。
（你正在看的這頁，就是依這套原則做的。）
RevealJS Skill：做網頁簡報。在 Claude Code 或 Claude.ai 安裝啟用，GitHub awesome-claude-skills 清單可找。
有比賽計畫時，把相關文件（規則書、場地圖、歷屆題目）丟進同一個資料夾，在該目錄開終端機 → claude → 請它讀取全部文件並分析：整理規則重點、推演得分策略、找出規則漏洞或優先攻略的任務。
拍帳單照片傳給 Claude，讀取文字數字後自動填入 Obsidian 記帳表格（圖片不留存）。搭配銀行往來明細同步標記待扣款項，實現家庭財務的輕量自動化。
讓網頁動起來有三種工具，依需求選：Animate.css（套 class 的現成效果，最簡單）、anime.js（程式驅動元素、客製進場／數字，網站九成動效首選）、Lottie（播設計師做的複雜插畫動畫）。👉 三者對比 demo（實際效果＋程式碼＋對比表）