01 / 47
←→ / Space · O 看全部
點任一張跳過去 · Esc / O 退出
2026.05.18 · 0518 Claude Code 分享交流會 · 台中

Claude Code
不只是 ChatGPT

把 AI 變成「你的工作分身」的系統設定課

講者：Abby ｜ wooanpower 主辦

Today's Promise

90 分鐘後你會帶走 三件東西

1

能跑的 Claude Desktop

在自己電腦裝好、登入完成、看得懂介面。

2

三件套地圖

CLAUDE.md / MEMORY / skills 各做什麼，回家自己挖。

3

三個真實 demo

工作雜事自動化 / 做個小網頁 / 社群內容工廠 — 你票選的三題全做。

Course Map

90 分鐘 · 7 段

段內容模式
0開場 + 課程地圖講
1安裝 Claude Desktop動手
2講解 .claude (harness) — CLAUDE.md / MEMORY / skills講
3✅ 工作雜事自動化
　• 📦 Obsidian 安裝（跟著做）
　• 🔗 vault 雙向連結 demo
　• 🛠️ 自己蒸餾 skill + 寫進 CLAUDE.md
demo
4✅ 做個小網頁（女力問卷案例）demo
5✅ 社群內容工廠（含女媧 skill）demo
6收尾 + Q&A對話
The point

今天 不是 prompt 課

是「給 AI 蓋一個家」的系統設定課

Prompt 是「跟 AI 講話的方式」。
Harness 是「AI 認識你的方式」。

01

安裝 Claude Desktop

動手裝起來 + 卡關救援

Section 1 · 安裝

為什麼是 Desktop，不是網頁？

掛 MCP

接 Notion、Gmail、Drive、行事曆 — 網頁版做不到。

讀本地檔

直接打開你電腦的資料夾，AI 能讀能寫能執行。

跑 skills

自定工作流程、儲存記憶、養成你的分身。

網頁版 = 對話完就忘 ・ Desktop = 越用越懂你

Step 1 · 下載

下載 Claude Desktop

● Mac

macOS 11 Big Sur 以上

● Windows

Windows 10 64-bit 以上

claude.ai/download

內建 Code tab，不用另外 npm install。打開 Desktop 看到左邊 sidebar 有 Code 就對了。
Step 2 · 跟著做

安裝 + 登入 · 3 步驟

1

下載 .dmg / .exe

從 claude.ai/download 點對應系統

2

拖進 Applications / 雙擊安裝

第一次開可能跳安全提示，按「打開」就好

3

用 Google / email 登入

免費版可用，付費 Pro 訂閱解鎖更多用量

⚠️ 救援角

常見卡關 → 對策

卡在哪對策
防毒擋下載暫時關閉防毒、重新下載；或在防毒「白名單」加入 Claude
Mac「無法打開」系統設定 → 隱私與安全 → 仍要打開
Windows SmartScreen「更多資訊」→「仍要執行」
Google 登入卡住改 email 註冊，或檢查瀏覽器是否擋彈窗
沒看到 Code tab重啟 Desktop；確認版本 ≥ 0.7
02

.claude harness 三件套

CLAUDE.md / MEMORY / skills 各做什麼

Section 2 · 三件套

.claude/ 資料夾長怎樣

~/.claude/ ├── CLAUDE.md # 家規（每次開新對話自動讀） ├── MEMORY.md # 記事本（偏好 / 踩坑 / 速查表） ├── skills/ # 拿手菜（一整套工作流程） │ ├── journal/ │ ├── morning/ │ └── ... ├── commands/ # /slash 指令橋 ├── hooks/ # 觸發事件（時間/儲存後...） └── settings.json # 設定（MCP / 權限）

在你的家目錄底下，純文字檔，可以版本控制、可以同步、可以分享給朋友

Section 2 · 三件套

Claude Code 官方 完整架構

不只 CLAUDE.md — 官方支援這些

~/.claude/ ├── settings.json # 權限/env/註冊hooks ├── CLAUDE.md # 全域 instructions ├── commands/ # /slash 自訂指令 ├── skills/ # 自訂 skills ├── agents/ # 自訂 sub-agents ├── hooks/ # 事件腳本 ├── output-styles/ # 自訂回應風格 └── plugins/ # /plugin 裝的

8 種 Hook events

在 settings.json 註冊

• PreToolUse • PostToolUse • UserPromptSubmit • SessionStart • Stop • SubagentStop • Notification • PreCompact

Project level（資料夾）

<你的專案>/CLAUDE.md + .claude/ 鏡像架構

Section 2 · 我的疊加方式

我的架構 — 以 my-agent 為主

~/.claude/ 整個是 symlink 指向 my-agent — 真本體在 GitHub + Google Drive

真本體（GitHub + Drive）
my-agent/ ├── CLAUDE.md # 家規源頭 ├── .claude/ │ ├── settings.json │ ├── commands/ # shim │ └── hooks/ # 事件 └── 000_Agent/ ├── skills/ # 真檔 ├── workflows/ │ # /write-log /morning └── memory/ └── MEMORY.md # 靠 hook 注入
系統側（5 條 symlink）
~/.claude/ ├── CLAUDE.md → my-agent/CLAUDE.md ├── settings.json → my-agent/.claude/... ├── commands/ → my-agent/.claude/... ├── skills/ → my-agent/000_Agent/... └── hooks/ → my-agent/.claude/...

為什麼？

換電腦 / 換帳號 / 換筆電：

1. Drive sync my-agent

2. 一鍵建 5 條 symlink → done

Mental Model

Claude 是你的 室友

📜

CLAUDE.md

家規
進門先讀，知道這個家怎麼住

📔

MEMORY

記事本
記得你愛吃什麼、踩過哪些坑

🍳

skills

拿手菜
會一整套流程，喊一聲就做

Why it works

對話式 vs 分身式

對話式（ChatGPT）
  • 每次重新自我介紹
  • 對話完 → 全忘
  • 同樣的偏好要講 100 次
  • 沒有「累積」，永遠在重置
分身式（Claude Code）
  • 每次開對話自動讀家規
  • 記得你之前糾正過什麼
  • 學一次就會、會了就累積
  • 越用越像「另一個你」
2A · CLAUDE.md

CLAUDE.md = 家規

每次開新對話，Claude 自動讀的第一份檔案。
你寫什麼，它就照什麼活。

  • 身份與協作方式 — 你是誰、想被怎麼幫
  • 行動原則 — 先驗證再動、先給答案再解釋
  • NEVER / ALWAYS 清單 — 踩過的坑升級成永久規則
  • 資料層路由表 — 寫貼文去哪、寫程式去哪、記憶寫去哪
2B · MEMORY

MEMORY = AI 的 記事本

📌 用戶偏好

「喜歡用繁中」「IG 圖卡用暖橘」「不喜歡 emoji 太多」

💡 Feedback（學到的原則）

「研究前先 web search」「改完 code 不自動 commit」

🔥 踩坑筆記

「Avast 撞 Python SSL」「YAML 不能有 BOM」

🗺️ 環境速查表

「Google Drive 在 H 槽」「MT5 帳號分工」

Take home

回家可以寫的 最小版

存到 ~/.claude/CLAUDE.md 就生效，5 行起步

# 我的 AI 分身規則 - 我的角色：[你的職業 / 在做什麼] - 一律繁體中文回答 - 先給答案再解釋 - 寫程式直接給可執行版本，不要只給概念 - 我糾正你一個做法時，下次記得改過來

↑ 5 行而已。今晚裝完 Desktop 就能寫，10 分鐘搞定。

03

工作雜事自動化

Obsidian + AI 接管重複的事

✅ 問卷票選
Tool · Obsidian

Obsidian = AI 看得懂的 知識庫

📄

本地 .md

純文字檔在你自己電腦
Claude 一行 cd 就讀完

🔗

[[雙向連結]]

A 連到 B，
B 自動知道誰連我

🌐

Graph View

一眼看見
知識之間的關聯

免費 ・ 跨平台 ・ 不綁雲端 ・ 你的檔永遠是你的

Why Obsidian

為什麼不用 Word 或 Notion？

Word

.docx 二進位

  • AI 要解析才讀得到
  • 容易壞、版本管理麻煩
  • 沒有連結概念
Notion

雲端鎖在帳號

  • AI 要走 MCP / API
  • 要授權才看得到
  • 離線不能用
Obsidian

純 .md 在本地

  • Claude 直接讀寫
  • 雙向連結 + Graph
  • 離線、免費、開源

跟 Claude 配合最爽 = 純文字 + 本地檔

Step 1-2-3 · 跟著我裝

5 分鐘裝起來 ⚡

1

下載 Obsidian

到 obsidian.md 點對應系統（Mac / Windows / Linux 都有）

2

開新 vault

「Create new vault」→ 選一個本機資料夾 → 那就是你的 vault（之後所有 .md 都存這裡）

3

點左側 Graph 圖示

第一次看到自己的知識網路（剛開始一片空白，寫越多越有形狀）

等等切過去 demo 我的 vault — 看一個用了 N 個月的 Graph 長怎樣

✅ 票選 1 · 工作雜事自動化

純資料夾，看不出 檔案之間的關係

你寫了 50 篇文章，第 23 篇跟第 41 篇
其實在講同一件事 — 但你不會記得。
可視化幫你看到。
My vault

我的 my-agent vault

my-agent/ ├── 000_Agent/ # AI 的家（CLAUDE / MEMORY / skills） ├── 100_Todo/ │ ├── projects/ # 每個專案一個資料夾 │ └── pending.md # 待辦單頁（AI 開頭會 review） ├── 200_Reference/ │ ├── writing-samples/ # 風格文章存這裡 ⭐ │ ├── past-work/ │ └── templates/ ├── 300_Journal/ # 反思日誌 by 月份 └── 400_Resource/ # 外部資料 / inbox

命名規則：000–400 數字前綴 = 排序固定，AI 跟我看都不會迷路

Live · 切到 Obsidian

Graph View 走起 🎯

1️⃣ 打開 vault

秀一眼資料夾結構

2️⃣ Graph View

看整個知識網路

3️⃣ 點某個檔

看雙向連結（誰連到我）

（投影片切到 Obsidian，雷射筆指畫面）

自動化舉例

重複的事，讓 AI 跑

📝 寫日記 skill

4 個問題引導，自動存到月份資料夾

☀ 早安儀式

讀近 30 天日誌、推進度、給今日 4 候選任務

✅ 待辦同步

Session 開頭自動 review pending.md

📊 週報生成

一鍵讀本週日誌 → 6 張 IG 輪播 + 文案

Take Home · 動手蒸餾你的第一個 skill

換你 — 用 CC 設計你的
「工作日誌」skill

今晚回家就能做、明天開始用

1

設計（5 min）

跟 CC 對話：
「我想要工作日誌記什麼欄位？什麼時機寫？」
CC 引導你想清楚結構

2

蒸餾成 skill（5 min）

喊「用 skill-creator 把這個流程做成 skill」
CC 引導你定義觸發詞 + 步驟

3

開始用

之後喊一聲「/我的工作紀錄」
CC 引導你填新一份 → 自動存 vault

skill 名隨你取，例：/my-worklog ・ /工作紀錄 ・ /記一下 — 自然語觸發都吃
SOP · 之後新增 skill

以後建新 skill，第一個動作就喊 skill-creator

這條規則建議寫進你的 CLAUDE.md（每次開新對話 AI 自動讀 → 不會忘）

為什麼？

  • skill-creator 是 Anthropic 官方流程 — 不是隨便寫個 .md
  • 會引導你定義 description 觸發詞 + frontmatter 規範
  • 會主動跟現有 skill 比對，避免重複
  • 手寫 SKILL.md 容易漏細節 / 觸發不到

CLAUDE.md 範例段落

## ALWAYS：建新 skill 先觸發 skill-creator 強制場景： - 想建新 skill / shim - 蒸餾對話流程成 skill - 「比照 X skill 做一個 Y」 具體做法： 1. 第一動作就喊 skill-creator 2. 不要先手寫 SKILL.md 3. 範本不是真相、用戶意圖才是
為什麼這條對你重要：寫進 CLAUDE.md 後，每次你想建新 skill，AI 會自動提醒先跑 skill-creator — 不用你記得。我自己 CLAUDE.md 也有這條，因為踩過手寫 skill 漏 frontmatter 的坑。
04

做個小網頁

女力問卷案例：AI 寫 HTML 上架

✅ 問卷票選
✅ 票選 2 · 做個小網頁

你看到的 網頁，都是 AI 寫的

問卷網頁

sparkling-voice-68a6
.workers.dev

AI 反饋頁

即時生成個人化
（女性視角 + 解讀）

學員 Dashboard

wooai-dashboard
.workers.dev

Why HTML

AI 為什麼 擅長寫 HTML

📝
純文字 + 標記語言 — 不像 PPT / Figma 是二進位檔，AI 直接讀寫
📚
訓練資料超多 — 網路上幾億個網頁都是它的學習素材
👀
可即時看結果 — 瀏覽器打開就看到，改完馬上重新整理
🧩
元件 / 框架成熟 — Tailwind / React / shadcn — AI 都會
風格 SKILL · UI / UX

AI 寫前端 + UIUX skill = 漂亮設計

AI 自己寫前端容易 generic — UUPM 灌進設計知識才做得出有風格的東西

通用設計知識

ui-ux-pro-max

  • 67 種設計風格
  • 96 套配色 / 57 套字體配對
  • 13 種前端 stack（React / Next / Vue / SwiftUI 等）
  • 依專案類型自動推薦
  • 整合 shadcn/ui MCP
證明 — 你眼前看到的

全是 AI + UUPM 做的

  • 這份簡報（Aurora 漸層 + glassmorphism）
  • 女力問卷頁（暖橘溫柔風）
  • 學員 dashboard（同一套視覺）
  • 都是「餵 reference HTML」做的 ad-hoc 風
  • 不會 code 的人也能讓 AI 做出有設計感的頁面
Deploy options

上架選項對比

平台優點限制適合
Cloudflare Workers ⭐永久免費 / 速度快 / 全球節點Worker 邏輯需 wrangler靜態頁 + 簡單後端 API
Vercel部署超簡單 / Next.js 友善免費版有流量限制React / Next.js 專案
GitHub Pages免費 / 跟 git 連動只能靜態頁個人 portfolio
NetlifyForm + 函數內建函數呼叫有限額小型互動頁

💡 我女力專案 3 個 Worker 全跑在 Cloudflare 永久免費 tier

部署流程

本地 HTML → 上線 URL · 3 步驟

1

本地寫好 HTML

丟給 Claude：「幫我做 X 主題的 landing page」→ 拿到單檔 HTML

2

一次設定 wrangler

npm install -g wrangler → wrangler login（一次性）

3

wrangler deploy

上線！拿到 https://xxx.workers.dev — 改完再 deploy 即更新

Take home

回家可以喊：

幫我做一個 [主題] 的 landing page， 套 [風格描述]，上架到 Cloudflare

AI 會：

  • 依你給的風格描述 / reference HTML 寫 HTML
  • 裝 / 設定 wrangler（如還沒設）
  • 跑 wrangler deploy → 拿到 .workers.dev URL
  • 出問題自己看 log 修，不會吵你
05

社群內容工廠

一篇 → IG / FB / Threads 三平台

✅ 問卷票選
✅ 票選 3 · 社群內容工廠

一篇文 → IG / FB / Threads 三套

語氣、長度、視覺需求都不同 — 手動拆超累

IG

分行短句
大量 emoji
配圖卡

FB

中長段落
敘事感
少 emoji

Threads

500 字內
串文（多則）
口語

Step 1 · 餵料

工廠的 燃料 = 你過去寫的東西

200_Reference/writing-samples/social/

放過去 5–10 篇喜歡的 IG / FB / Threads 貼文 — AI 寫之前先讀

沒這份 = AI 寫出來像通用 ChatGPT 語氣，跟你無關

有這份 = AI 學會你的句長 / 比喻 / 標點 / 收尾節奏 — 拆出來像你

💡 連回上一段「文章存哪」的決定 — 這就是它的用途

存哪？

三條路，沒有對錯

方案優點缺點適合誰
資料夾 + .md最快、AI 直接讀不漂亮、沒可視化工程腦 / Abby 自己
Notion漂亮、雲端同步AI 要走 MCP 才讀得到已重度 Notion 用戶
Obsidian雙向連結、本地檔 AI 直讀入門有學習曲線想長期累積知識的人

5 分鐘內挑一個（不挑也行 — 5/18 後再決定）

Step 2 · Live demo

一篇文 → 三平台拆寫

// 切到 Claude Desktop User: 把這篇文 [paste 一段長文] 拆成 IG / FB / Threads 三版本， 學我 writing-samples 的語氣 → AI 自動讀 200_Reference/writing-samples/social/ → 學你的句長 / 比喻 / 標點 / 節奏 → 拆出三版（IG 短句 / FB 段落 / Threads 串）

🔥 比較重點：跟 ChatGPT 沒灌語氣的版本對比 — 殺傷力最大

Step 3 · 配圖 + 蒸餾自己

一條龍：文字 + 圖卡 + 你的視角

cards skill

IG 圖卡

喊「/cards 把這段做成圖卡」

  • 自動套你給的 reference 風格（這次套女力暖橘）
  • 4:5 IG 規格 / 1080×1350
  • 一次出 6-8 張輪播
女媧 skill

蒸餾自己

不只蒸餾 Naval / 馬斯克 — 也能蒸餾「你」

  • 從你過去文章抽認知模型
  • 抽出表達 DNA（比喻 / 節奏）
  • 存成 your-perspective skill
  • 下次自動切換你的視角
⚠ Honest talk

排程？目前還做不到 完全自動

Claude 暫時不直接接 IG / FB / Threads API（平台限制）

不是 Claude 不會 — 是這些平台的 API 對個人開發者很難拿到授權

目前最佳方案：

  • AI 產 排程表 + 完整內容包（標題 / 文字 / 圖卡）
  • 你手動貼到 Buffer / Meta Business Suite / Hootsuite
  • 6/X 第二堂課如果有，會深挖這塊
Take Home · 帶這 3 個 skill 回家

今天 demo 用的 3 個 skill，全部帶回家

Anthropic 官方

skill-creator

蒸餾自己的 skill — 對話設計 + eval 一條龍

github.com/anthropics/skills

中文社群

nuwa 女娲

蒸餾人物觀點 — Naval / 馬斯克 / 芒格 視角

github.com/alchaincyf/nuwa-skill

設計

ui-ux-pro-max

67 種設計風格 — 配 AI 寫前端用

github.com/nextlevelbuilder/ui-ux-pro-max-skill

怎麼裝：把 GitHub 網址貼給 CC，喊一聲
「幫我把這個 skill 裝起來」 → CC 會自己 clone 進 ~/.claude/skills/ → 重開 CC 就能用

完整網址 LINE 群會貼，不用抄

06

收尾 + 回家三件事

你今晚就能做的 3 件事

Section 6 · 收尾

回家 三件事（從簡單到複雜）

1

寫一份 5 行 CLAUDE.md

10 分鐘搞定，今晚就能做

2

把過去 3 篇喜歡的文章貼進 writing-samples/

資料夾派 / Obsidian 派直接貼；Notion 派之後再說

3

試一個內建 skill（pptx / pdf / docx 任一）

不用裝、直接喊「幫我做 OOO」

When stuck

卡關怎麼辦？

📱

LINE 群

直接丟問題，大家一起想

💌

私訊 Abby

技術細節私下聊

別自己悶著 — Claude Code 的學習曲線是社群的，不是個人的

Thank you 💝

Claude Code 不是
越多 越好
是 越懂你 越好

願你今晚回家，
就開始養你的 AI 分身。

Abby ｜ 2026.05.18 ｜ 0518 Claude Code 分享交流會