COURSE
n8n-as-code
WORLD
START
SUPER n8n BROS.
LEVELS
6
TIME
24h
SCROLL →
FROM ZERO TO AUTOMATION HERO
LINE MESSAGING API x WORKFLOW x GIT
6WORLDS
24hTIME
9JSON
1BOSS
🤵 ABOUT ME — 講師介紹
🤖 n8n WORKFLOW 自動化 + AI + LINE 🐕 VIBE CODING Claude + OpenClaw 🛠 CLAUDE SKILL gstack 23+ 技能大全
📧 SCAN TO JOIN!
掃描 QR Code 填寫 Email
獲取課程講義 & 最新通知
★ FREE ★
PRODUCED BY
⚡ 史大 林毓晟 ⚡ 🔥
PLAYER PROFILE
史大 林毓晟
Stanley Lin
晟景科技 創辦人 💼 企業內訓講師 🎓
⚙️
20
年經驗
📈
B2B
銷售專家
🤖
AI
工具達人
🎓
100+
場企業培訓
🎙️
Podcast
專訪來賓
🎮 SKILL LEVELS
💰 SALES
LV.90
💻 TECH
LV.80
🤖 AI
LV.95
🎓 TEACH
LV.88
📈 職涯經歷
⚙️ 工程師時期（~7 年）
• 茂德科技 ProMOS 半導體工程師
• 經歷 DRAM 產業興衰
🌎 B2B 業務時期
• ABB 瑞士商 — 客戶經理
• Schneider Electric 法商 — 業務經理
🎓 創業（2021~至今）
• 晟景科技 / 渠宸有限公司 創辦人
• 企業內訓講師 & 銷售顧問
🎓 授課專長
• B2B 銷售策略與思維分析
• 跨領域銷售思維（誠實銷售）
• 績效管理框架
• 問題分析與解決
• 團隊溝通技巧
• AI 工具實戰應用
• 數位轉型策略
🏢 企業客戶
• 安聯人壽 Allianz
• 龍巖 Dragon Yan
• 愛我們國際 Aiwomen
• 多家科技公司企業內訓
🎙️ Podcast 專訪：職場冰淇淋 EP81
「山不轉路轉，工程師如何轉戰業務銷售」
🤖 AI 工具箱
Claude Code n8n NotebookLM Google GEM LINE API OpenClaw
← TITLE
🤵
WORLD 1 →
W0

為什麼要學 AI 自動化？

一個 240 年老銀行的 AI 轉型故事，告訴你答案

CASESTUDY

🏢 痛點變優勢 — 紐約梅隆銀行的 AI 轉型之路

如果有人告訴你，一家擁有 240 年 歷史、管理著全球 57.8 兆美元 資產的老牌銀行，能在短短幾年內讓 96% 的員工每天使用 AI 工具，你或許會覺得這是科幻情節。

但這正是紐約梅隆銀行（BNY）真實發生的故事。

資料來源：台灣經濟研究院 永續學院 — 副研究員 鄧翔靖（2026/03/12）
老梅隆銀行的 AI 轉型之路 — 從傳統金融體系到智慧金融機構
🏢
240
年歷史
💰
57.8兆
美元資產
🤖
96%
員工每日用 AI
📈
125+
AI 應用上線
💲
$5.5億
年省效益
📅
BNY 的 AI 轉型時間線
▼
年份里程碑內容
2019-2020打地基建立「Data Vault」資料管理平台，用機器學習整合分散資料
2023組建團隊成立「AI Hub」，集結資料科學家，盤點業務痛點
2024平台上線推出企業 AI 平台「Eliza」，整合 125+ 個 AI 應用，年底 35% 採用率
2025 上半全員普及採用率飆升至 96%，單季營收破 50 億美元，年省 5.5 億

三大關鍵啟示

  • AI 不只是工具，而是基礎設施 — 先打造資料底座，再讓 AI 進入日常工作流程
  • 治理架構才是護城河 — 在監管環境中用制度與文化確保可控創新
  • 如果 240 年的老銀行都能做到，各行各業都能成功

跟你有什麼關係？

  • BNY 花了上億建 Eliza → 你只要 NT$3~68/月就能做自己的 AI 助理
  • 這門課帶你做一個 LINE 個人助理：記帳 + 行事曆 + 名片紀錄
  • 不需要是工程師 → n8n 拖拉連線 + AI 意圖辨識就能完成
  • BNY 的路：打地基→建平台→全員用。你的路也一樣 ↓
💰
成本分析：LINE 助理要花多少錢？
▼
🎯 個人用（~500 則/月）
項目方案月費
LINE Messaging API免費（Reply 無限免費）NT$0
AI 意圖辨識GPT-4o-mini~NT$3
n8n 主機Oracle Cloud 免費 / 便宜 VPSNT$0~65
資料庫Google SheetsNT$0
網域 + SSL免費子網域 + Let's EncryptNT$0
合計NT$3~68/月
🏢 小團隊（5-10 人，~3000 則/月）
項目方案月費
LINE免費或輕用量 NT$800NT$0~800
AIGPT-4o-mini~NT$20
n8n 主機Hetzner VPS~NT$135
資料庫Supabase 免費NT$0
合計NT$155~955/月
💡 關鍵省錢秘訣：LINE 的 Reply 訊息完全免費！使用者傳訊給 bot → bot 回覆 = 不計費。個人助理幾乎零成本。
💬
LINE 訊息
使用者傳話
➡
🤖
AI 意圖辨識
記帳?行事曆?名片?
➡
❓
Switch 分流
三條路
➡
📄
Google Sheets
存資料
➡
💬
LINE Reply
回覆確認
YOUR LINE ASSISTANT
← ABOUT
🏢
START LEARNING →
W1-1

環境建置 & 完成品 Demo

安裝 n8n、認識介面、先看看我們最終要做出什麼 — LINE 個人助理

TIME4:00

講解內容

  • 什麼是 n8n？開源自動化工具定位
  • n8n vs Zapier vs Make：功能、價格、自由度比較
  • 三種安裝方式：Docker（推薦）/ npm / n8n Cloud
  • Editor UI 導覽：畫布、節點面板、工具列
  • Demo 展示：最終完成品 — LINE 助理三大功能
  • Workflow JSON 結構基礎

實作演練

  • 用 Docker 一行指令安裝 n8n 並啟動
  • 建立帳號，認識 Editor 介面
  • 匯入講師準備好的完成品 Workflow，實際體驗
  • 在 LINE 傳「午餐 150 元」→ 看到自動記帳
  • 傳「明天下午 2 點開會」→ 看到行事曆新增
  • 傳「王大明 ABC科技 0912345678」→ 看到名片存入
  • 匯出 Workflow JSON，觀察結構

我們要做什麼？— LINE 個人助理三大功能

這門課的最終目標是做出一個 LINE 個人助理，你用 LINE 傳訊息給它，它會自動辨識你要做什麼：

  • 💰 記帳 — 傳「咖啡 65 元」→ AI 辨識為記帳 → 自動寫入 Google Sheets
  • 📅 行事曆 — 傳「週五下午 3 點牙醫」→ AI 辨識為行程 → 寫入行事曆表
  • 📄 名片紀錄 — 傳「陳小華 XYZ公司 0988123456」→ 存入聯絡人表
  • 🔍 查詢 — 傳「這個月花了多少」→ 查 Sheets 回報金額
全程不用寫程式，用 n8n 拖拉連線 + AI 意圖辨識就能完成。成本每月不到 NT$70。
💬
LINE 傳訊
➡
🤖
AI 辨識意圖
➡
❓
Switch 分流
➡
💰
記帳
📅
行事曆
📄
名片
➡
💬
LINE 回覆
FINAL GOAL
🪙 DOWNLOAD
講解
1.2h
實作
2.0h
除錯
0.8h
🍃
什麼是 n8n？為什麼要學它？
▼

n8n（讀作 "nodemation"）是一個開源的工作流自動化工具，讓你可以用視覺化的方式把不同的應用程式和服務串連在一起。你可以把它想像成一個「數位助理」——當某件事發生時（例如收到一封信），自動幫你做一連串的事（例如存到表格、發通知、回覆訊息）。

它最大的特點是可以自己架設（self-hosted），不像 Zapier 或 Make 只能用他們的雲端服務。這代表你的資料完全掌握在自己手上，也沒有執行次數的限制。

n8n 目前有 400+ 內建節點整合各種服務（Google Sheets、Slack、LINE、OpenAI...），還有 70+ AI / LangChain 節點可以直接串接大型語言模型。

💡 簡單說：n8n = 拖拉連線就能做自動化 + AI，而且免費自架無限用。
⚖
n8n vs Zapier vs Make 完整比較
▼
比較項目n8nZapierMake
定價自架免費無限用
Cloud $20/月起		$29.99/月起
每個 action 計費		$9/月起
每個 op 計費
自架✔ Docker / npm✖✖
整合數量400+ 核心8,000+2,400+
程式碼完整 JS + Python有限 JS僅企業版
AI 節點70+ LangChainCopilot有限
Git 版控✔✖✖
學習曲線中等偏陡最平緩中等
適合對象開發者/技術團隊非技術使用者半技術使用者
💰 成本試算：如果你每月跑 10 萬次操作，n8n 自架只要伺服器費 $5-20/月，Zapier 要 $1,200+/月。
💻
安裝方式一：Docker（推薦）
▼
最簡單的一行指令

docker run -it --rm --name n8n -p 5678:5678 -v n8n_data:/home/node/.n8n n8nio/n8n

然後打開瀏覽器 → http://localhost:5678

正式版 docker-compose.yml
  • 建立 docker-compose.yml 檔案
  • 設定 n8n image + port 5678 + volume 持久化
  • 可選：加 PostgreSQL 資料庫（正式環境推薦）
  • 可選：加 Basic Auth 保護登入
  • docker compose up -d 啟動
  • docker compose logs -f 看 log
重要環境變數
變數說明
N8N_BASIC_AUTH_ACTIVE啟用登入保護
N8N_ENCRYPTION_KEY加密憑證（32 字元）
WEBHOOK_URL外部 Webhook 網址
DB_TYPE資料庫類型（sqlite / postgresdb）
🚨 本機測試 Webhook？用 n8n start --tunnel 建立臨時公開 URL。
📦
安裝方式二：npm / 方式三：n8n Cloud
▼
npm 安裝
  • 需要 Node.js 18 以上：node -v
  • 全域安裝：npm install n8n -g
  • 啟動：n8n start
  • 或免安裝直接跑：npx n8n

macOS 權限問題？用 mkdir ~/.npm-global && npm config set prefix '~/.npm-global'

n8n Cloud
  • 到 app.n8n.cloud/register 註冊
  • 免費試用期，不需信用卡
  • 自動更新、自動 SSL、不用管伺服器
  • 缺點：有執行次數限制（付費制）
🎨
Editor UI 完整導覽
▼
三大區域
區域位置功能
左側面板畫面左邊所有 Workflow 清單、Credentials、執行紀錄、模板庫
上方工具列最上方名稱、儲存、啟用/停用、分享、歷史、匯入匯出
Canvas 畫布中央大區域拖放節點、連線、執行 Workflow 的工作區
常用快捷鍵
快捷鍵功能
Tab打開節點選擇面板
Ctrl+S儲存 Workflow
Ctrl+Z復原
Ctrl+A全選節點
F2重新命名節點
Delete刪除選取的節點
節點設定面板（點擊節點後）
  • Parameters — 節點的功能設定（URL、欄位、條件等）
  • Settings — 共用設定（重試、錯誤處理、備註）
  • Docs — 連結到該節點的官方文件
📑
Workflow JSON 結構詳解
▼

每個 n8n Workflow 本質上就是一份 JSON 檔案。理解它的結構是後續所有關卡的基礎。

頂層欄位
欄位類型說明
name字串Workflow 顯示名稱
nodes陣列所有節點清單
connections物件節點間的連線關係
active布林是否已啟用
settings物件全域設定
每個 Node 的結構
  • id — 唯一識別碼
  • name — 節點顯示名稱（在畫布上看到的）
  • type — 節點類型（決定功能，如 n8n-nodes-base.webhook）
  • typeVersion — 節點版本
  • position — 在畫布上的 [x, y] 座標
  • parameters — 節點的設定參數
Connections 的結構

"來源節點名": { "main": [ [{ "node": "目標節點名" }] ] }

  • main 第一層陣列 = 輸出端口（大部分節點只有 1 個，IF 有 2 個）
  • 第二層陣列 = 連到的目標節點（可以一對多）
匯出 / 匯入方法
  • 匯出：點上方 ... → Download
  • 匯入：點 ... → Import from File
  • 或直接在畫布上 Ctrl+V 貼上 JSON
💥
常見安裝問題排除
▼
問題原因解法
Docker 權限錯誤容器用 user 1000sudo chown -R 1000:1000 /path/to/data
Port 5678 被佔用其他程式佔了 port改用 -p 8080:5678
npm 權限不足macOS 權限問題用 nvm 或修改 npm prefix
Webhook 外部連不到沒有公開 IPn8n start --tunnel
容器一直重啟DB 連線失敗docker compose logs n8n 查 log
← TITLE
🏁
WORLD 2 →
W2-1

LINE Webhook & 資料流

串接 LINE Messaging API、接收使用者訊息、理解資料結構

TIME4:00

講解內容

  • 建立 LINE 官方帳號 & 啟用 Messaging API
  • 取得 Channel Access Token + User ID
  • Webhook 原理：LINE 傳訊 → n8n 接收
  • n8n 資料結構：items 陣列、{ json: { ... } }
  • 表達式語法 ={{ }} 取得訊息內容
  • LINE Reply API：回覆使用者訊息（免費無限）

實作演練

  • 申請 LINE 官方帳號並啟用 Messaging API
  • 在 n8n 建立 Webhook 節點接收 LINE 事件
  • 設定 LINE Webhook URL 指向 n8n
  • 傳一則訊息到 LINE → 在 n8n 看到資料
  • 用 HTTP Request 回覆「收到！」給使用者
  • 完成第一個 LINE Echo Bot（你說什麼它回什麼）

關鍵知識：表達式速查

用途表達式
取得欄位{{ $json.name }}
中文欄位{{ $json['姓名'] }}
其他節點{{ $('節點名').first().json.x }}
當前時間{{ $now.toFormat('yyyy-MM-dd') }}
條件判斷{{ $json.score >= 60 ? '及格' : '不及格' }}
預設值{{ $json.name || '匿名' }}
數學運算{{ $json.price * 1.05 }}
常見死因：忘記加 = 號！正確 ={{ $json.name }}，不是 {{ $json.name }}
💬
LINE Webhook
➡
✎
解析訊息
➡
💬
LINE Reply
CH2 ECHO BOT
🪙 DOWNLOAD
講解
1.2h
實作
2.0h
除錯
0.8h
← WORLD 1
🏁
WORLD 3 →
W3-1

AI 意圖辨識 & Switch 分流

用 AI 判斷使用者要記帳、排行程還是存名片，Switch 分流到對應路徑

TIME4:00

講解內容

  • AI Agent / OpenAI 節點：串接 LLM 做意圖辨識
  • System Prompt 設計：教 AI 分類（記帳/行事曆/名片/查詢）
  • JSON 結構化輸出：讓 AI 回傳 intent + entities
  • Switch 節點：依 intent 分流到不同路徑
  • IF 節點：true / false 雙路分流（補充）
  • 錯誤處理：AI 無法辨識時的 fallback

實作演練

  • 在 W2 的 Echo Bot 基礎上加入 AI 節點
  • 設計 System Prompt：分類意圖 + 提取實體（金額、日期、姓名…）
  • 測試：傳「午餐 120 元」→ AI 回傳 intent=expense, amount=120
  • 測試：傳「週五開會」→ AI 回傳 intent=calendar, date=Friday
  • 加入 Switch 節點，依 intent 分流
  • 每條路先用 Set 節點確認分流正確

關鍵知識：AI 意圖辨識怎麼做？

用一個 AI 節點 + 精心設計的 System Prompt，讓 LLM 幫你做分類和實體提取：

  • Intent（意圖）：expense / calendar / card / query / unknown
  • Entities（實體）：金額、品項、日期、時間、姓名、公司、電話
  • Reply（回覆）：AI 同時產生確認訊息給使用者
LINE 訊息「午餐 150」
→
AI 辨識intent=expense
→
💰 記帳expense
📅 行事曆calendar
📄 名片card
❓ 不明unknown
用 GPT-4o-mini 做意圖辨識，500 則/月成本約 NT$3。便宜又準。
💬
LINE 訊息
➡
🤖
AI 意圖辨識
➡
❓
Switch 分流
➡
💰
記帳
📅
行事曆
📄
名片
CH3 AI ROUTER
🪙 DOWNLOAD
講解
1.0h
實作
2.2h
除錯
0.8h
← WORLD 2
🏁
WORLD 4 →
W4-1

Google Sheets 資料存儲 & LINE Reply

把 AI 辨識結果寫入 Google Sheets，並回覆使用者確認訊息

TIME4:00

講解內容

  • Google Sheets 節點：讀取、新增、更新、搜尋
  • 三張表的設計：費用表、行事曆表、聯絡人表
  • LINE Reply API 回覆確認訊息（免費無限）
  • 表達式組合動態回覆：「已記錄：午餐 150 元」
  • 查詢功能：讀取 Sheets 算出「本月花費」
  • 錯誤處理：API 失敗時的 fallback 回覆

實作演練

  • 建立 Google Sheets + 設定三張表（費用/行事曆/聯絡人）
  • 在 n8n 設定 Google Sheets credential
  • 記帳路徑：AI 結果 → Sheets 寫入 → LINE 回覆「已記錄 ✓」
  • 行事曆路徑：AI 結果 → Sheets 寫入 → LINE 回覆「已排程 ✓」
  • 名片路徑：AI 結果 → Sheets 寫入 → LINE 回覆「已存入 ✓」
  • 查詢路徑：讀取 Sheets → 計算 → LINE 回覆金額

關鍵知識：三張 Google Sheets 表設計

表欄位
💰 費用表時間 / 金額 / 類別 / 品項 / 備註
📅 行事曆表時間 / 日期 / 時間 / 標題 / 地點
📄 聯絡人表時間 / 姓名 / 公司 / 職稱 / 電話 / Email
Google Sheets 免費、n8n 有原生節點、當小型資料庫用綽綽有餘。超過 5 萬筆再考慮搬到 Supabase。
❓
Switch 分流
（from W3）
➡
💰
寫入費用表
📅
寫入行事曆
📄
寫入聯絡人
➡
💬
LINE Reply
「已記錄 ✓」
CH4 DATA + REPLY
🪙 DOWNLOAD
講解
1.0h
實作
2.2h
除錯
0.8h
← WORLD 3
🏁
WORLD 5 →
W5-1

n8n-as-code 代碼化管理

CLI 安裝、JSON 轉 TypeScript、Git 版控、AI Skills 搜尋

TIME4:00

講解內容

  • 為什麼要代碼化？JSON 難讀、無版控、無法 Review
  • n8n-as-code 四大元件：CLI / Transformer / Skills / VS Code
  • 安裝與初始化：npx n8nac init
  • pull / push / list / convert 指令
  • JSON → TypeScript 裝飾器語法
  • Skills 搜尋系統：537 節點 + 7,702 模板
  • Git 版控 Workflow 最佳實踐

實作演練

  • 啟用 n8n API 並取得 API Key
  • npx n8nac init 連接 n8n instance
  • n8nac list 查看所有 Workflow
  • pull 天氣推播 Workflow → 觀察 TypeScript
  • 修改 TypeScript → push 回 n8n
  • git init → commit → diff 比對

關鍵知識：CLI 指令速查

指令功能
n8nac init初始化，連接 n8n
n8nac list列出 Workflow 及同步狀態
n8nac pull <id>下載遠端 Workflow
n8nac push <file>推送修改到 n8n
n8nac convertJSON ↔ TypeScript
n8nac skills search搜尋節點和模板
n8nac skills validate驗證 Workflow 結構
.json
Workflow JSON
➡
🔄
n8nac convert
➡
.ts
TypeScript
➡
📂
Git Commit
JSON ⇄ TS 轉換
🔗 GITHUB
講解
1.2h
實作
1.8h
除錯
1.0h
← WORLD 4
🏁
BOSS STAGE →
BOSS

期末專題：LINE 個人助理

整合六關所學，獨立完成記帳 + 行事曆 + 名片紀錄的完整 LINE 助理

TIME4:00

BOSS 挑戰：從零組裝完整 LINE 助理

  • Webhook 接收 LINE 訊息（W2 技能）
  • AI 意圖辨識 + Switch 分流（W3 技能）
  • 三條路寫入 Google Sheets（W4 技能）
  • LINE Reply 回覆確認（W4 技能）
  • 用 n8n-as-code 轉 TypeScript + Git（W5 技能）

時間分配

  • 架構規劃 & 拆解任務：30 分鐘
  • Phase 1：組裝 Webhook + AI + Switch（45min）
  • Phase 2：三條路接 Google Sheets + Reply（45min）
  • Phase 3：測試三種訊息 + 查詢功能（30min）
  • Phase 4：n8nac convert + Git commit（30min）
  • 成果發表 & 回饋：1h

完整架構圖

LINE 訊息Webhook
→
AI 辨識GPT-4o-mini
→
Switchintent
→
💰 Sheets 記帳expense
📅 Sheets 行事曆calendar
📄 Sheets 名片card
🔍 Sheets 查詢query
→
LINE Reply確認 ✓

通關條件

  • 傳「午餐 150 元」→ Sheets 費用表新增一筆 → LINE 回覆「已記錄 ✓」
  • 傳「週五下午 3 點牙醫」→ Sheets 行事曆新增 → LINE 回覆「已排程 ✓」
  • 傳「王大明 ABC科技 0912345678」→ Sheets 聯絡人新增 → LINE 回覆「已存入 ✓」
  • 傳「這個月花了多少」→ 讀取 Sheets 計算 → LINE 回覆金額
  • Workflow 已轉為 TypeScript 並 Git commit
💬
LINE
➡
🤖
AI
➡
❓
Switch
➡
💰
記帳
📅
行事曆
📄
名片
➡
📄
Sheets
➡
💬
Reply ✓
COMPLETE ASSISTANT
🪙 DOWNLOAD
講解
0.5h
實作
2.5h
除錯
1.0h
← WORLD 5
🏆
PLAY AGAIN
🐕

VIBE CODING

Claude Code + OpenClaw 全新開發體驗

TIME4:00

什麼是 Vibe Coding？

  • 用自然語言描述你要什麼，AI 幫你寫程式
  • Claude Code：Anthropic 的 CLI 開發工具
  • OpenClaw：整合 AI Agent 的開發平台
  • 不需要會寫程式，會說話就能做產品
  • 「氛圍驅動開發」— 跟著感覺走

實作演練

  • 安裝 Claude Code CLI
  • 用自然語言建立一個網頁應用
  • 安裝 OpenClaw 並設定 Plugin
  • 用 AI Agent 自動完成開發任務
  • Claude + n8n 整合：讓 AI 幫你建 Workflow

為什麼要學 Vibe Coding？

  • 2025 年最熱門的開發方式
  • 非工程師也能做出完整產品
  • 結合 n8n 自動化 = 超級生產力
  • Claude Code 可以直接操作 n8n-as-code
  • OpenClaw 提供完整的 AI 開發工作流
💬
你說話
➡
🤖
Claude Code
➡
🐕
OpenClaw
➡
🌟
產品上線！
VIBE CODING FLOW
💻
Claude Code 是什麼？
▼

Claude Code 是 Anthropic 推出的命令列 AI 開發工具。你在終端機裡跟 Claude 對話，它可以：

  • 直接讀取、修改、建立你電腦上的檔案
  • 執行終端機指令（安裝套件、跑測試、Git 操作）
  • 理解整個專案的程式碼結構
  • 一步步幫你完成複雜的開發任務
  • 支援 MCP Server 連接外部工具（如 n8n）
💡 安裝指令：npm install -g @anthropic-ai/claude-code，然後在專案目錄輸入 claude 即可開始。
🐕
OpenClaw 是什麼？
▼

OpenClaw 是一個AI Agent 開發平台，讓你可以用 Plugin 的方式擴充 AI 的能力。

  • 安裝 Plugin 就像裝 App 一樣簡單
  • n8n-as-code 有 OpenClaw Plugin，AI 可以直接操作 n8n
  • 內建 grounding（知識基礎），減少 AI 幻覺
  • 支援多種 AI 模型（Claude、GPT、Gemini）
💡 安裝：npm install -g @openclaw/cli，然後 openclaw plugins install @n8n-as-code/n8nac
⚡
Claude Code + n8n 整合實戰
▼

最強組合：用 Claude Code 的自然語言，透過 n8n-as-code 自動建立和管理 n8n Workflow。

設定 MCP Server
  • 在 Claude Code 設定中加入 n8n-as-code MCP
  • npx n8nac skills mcp 啟動 MCP Server
  • Claude 就能搜尋 537 個節點、7,702 個模板
實際對話範例
  • 你：「幫我建一個每天早上 8 點推播天氣到 LINE 的 Workflow」
  • Claude：自動搜尋節點 → 產生 TypeScript → push 到 n8n
  • 你：「加一個判斷，下雨機率超過 50% 才推播」
  • Claude：自動修改 → validate → push
← TITLE
🐕
n8n PATH →
🛠

CLAUDE SKILL 大全 — gstack

Garry Tan (YC CEO) 打造的 23+ AI Agent 技能包

OPENSOURCE

gstack 是什麼？

gstack 是一個開源的「軟體工廠」，安裝後你的 Claude Code 就擁有 23 個專業角色的 slash command。一個人就能模擬 CEO、設計師、工程經理、QA、資安長的完整團隊工作流程。

  • 作者：Garry Tan（Y Combinator 現任 CEO）
  • 授權：MIT（完全免費、開源）
  • 技術：Bun + TypeScript + Playwright
  • 依賴：只有 3 個 runtime dependency
安裝只要 30 秒：git clone --depth 1 https://github.com/garrytan/gstack.git ~/.claude/skills/gstack && cd ~/.claude/skills/gstack && ./setup
💬
/office-hours
➡
👑
/plan-ceo
➡
💻
/plan-eng
➡
🔎
/review
➡
🔧
/qa
➡
🚀
/ship
SPRINT FLOW
🔗 GITHUB
📋
規劃類 PLANNING（5 個指令）
▼
指令角色功能
/office-hours產品經理描述你要做什麼，產出設計文件
/plan-ceo-reviewCEO挑戰範圍與策略方向
/plan-eng-review工程經理鎖定架構與測試計畫
/plan-design-review設計總監審查 UI/UX 方向
/autoplan自動規劃自動產生完整開發計畫
🎨
設計類 DESIGN（5 個指令）
▼
指令功能
/design設計系統建立與管理
/design-consultation設計諮詢
/design-html產出 HTML 設計稿
/design-review審查設計成果
/design-shotgun快速多方案設計（散彈槍式）
🔎
審查與測試 REVIEW & QA（6 個指令）
▼
指令功能
/review找 bug、程式碼審查
/qa用 Playwright 真實瀏覽器測試
/qa-only純 QA 測試不含其他流程
/benchmark效能基準測試
/cso資安長審查（安全性檢查）
/codex用 OpenAI Codex 做獨立交叉審查
🚀
上線部署 SHIPPING（4 個指令）
▼
指令功能
/ship跑測試 → Git push → 開 PR
/land-and-deploy合併 PR 並部署
/canary金絲雀發布（漸進式部署）
/document-release自動產出 Release Notes
🌐
瀏覽器自動化 BROWSER（4 個指令）
▼
指令功能
/browsePlaywright 無頭瀏覽器操作
/connect-chrome接管真實 Chrome（可看操作過程）
/setup-browser-cookies設定瀏覽器 Cookie
/extensionChrome 側邊欄 Agent 擴充套件
💡 亮點：Playwright 常駐 daemon ~100ms 延遲，可用 $B handoff 手動處理驗證碼後 $B resume 繼續自動化。
🛡
安全防護 SAFETY（4 個指令）
▼
指令功能
/careful破壞性指令前警告
/freeze鎖定只能改指定目錄
/guardcareful + freeze 組合
/unfreeze解除鎖定
🔧
工具類 UTILITIES（5 個指令）
▼
指令功能
/investigate深入調查問題
/retro回顧復盤（做完後反省）
/learn學習新知識
/setup-deploy設定部署環境
/gstack-upgrade升級 gstack 本身
⚡
進階功能 ADVANCED
▼
功能說明
Conductor同時跑 10-15 個並行 Sprint（多個 Claude Code session）
瀏覽器 Handoff遇到 CAPTCHA/MFA 手動處理後繼續自動化
多 Agent 支援Claude Code / OpenAI Codex / Gemini CLI / Cursor / Factory Droid
跨模型審查/codex 用 OpenAI 獨立審查，再和 Claude /review 交叉比對
Telemetry可選的本地分析儀表板（Supabase）
💡 完整工作流：/office-hours → /plan-ceo-review → /plan-eng-review → 開發 → /review → /qa → /ship → /retro
規劃
5 個
設計
5 個
審查
6 個
部署
4 個
合計
23+ SKILLS
← TITLE
🛠
n8n PATH →
🦖