TSA · 2026.04.16

PM × Claude Code

 

Vita Chen

Vita Chen

PM @ Zeabur

我不是工程師。

所以我想用一個故事來開場。

Session 1
Chapter 1

一切從
一個魚缸開始

Chapter 1 — 從好玩的開始

一個魚缸的起點

去年在 Product Hunt 看到一個很有趣的專案。
跟工作無關。跟效率無關。

純粹覺得好玩，也想做一個。

Draw a Fish 網站
Chapter 1 — 怎麼開始的

暴力提供指示

工具：Cursor → GitHub → Vercel

需要一個 GUI 介面——
有區塊可畫魚、畫筆顏色可選、
粗細度可調、有魚缸區塊。

畫錯可回上一步、
魚放進魚缸後可游動、
可以切換夜晚模式。

需求拆解筆記
Chapter 1

做好了！

But —

別人的魚都游得很生動

我的魚像死了一樣？

Chapter 1

後來去了一個線下社群

有人給了一個關鍵字——

「移動算法」

突然間，所有人都在研究魚要怎麼游？？？

Chapter 1

蓋出 80% 之後

會點燃想完成剩下 20% 的探索。

水草隨時間生長、
魚缸顏色跟著日光時間變化——

你會開始想要做更多。

Chapter 1

「你是那個魚缸同學嗎？」

一個禮拜後，在某棟大樓裡被認出來。

一個純粹好玩的專案，
變成大家時不時會關心進度的小事。

80% 之後的延伸

YouTube 影片收藏
Takeaway 1

從最有趣的開始

不一定要從工作流。不一定要追求效率。

如果覺得壓力大，從生活開始。
找到屬於你的魚缸。

Session 2
Live Demo

現場演示

用自然語言描述需求，
直接完成 80% 的工具開發。

Live Demo

接下來，我們直接做做看

1

打開 Claude Code

在 Terminal 裡直接對話

2

用自然語言描述需求

像跟同事說話一樣，說清楚想要什麼

3

看它讀檔案、寫程式、跑測試

全程透明，每一步你都看得到

4

部署到 Zeabur

推上去就跑，不用管 DevOps

Session 3
Chapter 3

Coding Agent
精華用法

Codex、Gemini CLI、Cursor⋯⋯工具很多，核心概念相通。
今天用 Claude Code 演示，因為它是我目前最常用的。

團隊大力使用的原因：Skills 生態系。

Skills 是近兩三個月才流行的新概念——
很多實用的 Skills 由官方或開源社群提供，拿來就能用。

Chapter 3 — Agent 的進化

Agent 不只是聊天了

過去的想像

問答 & 建議

問它問題，它告訴你「怎麼做」。

你還是得自己去執行每一步。

現在的 Agent

直接完成任務

讀檔案、寫程式、操作終端機、部署——
交出成品，不是建議。

你的工作是「說清楚你要什麼」。

Chapter 3 — 核心概念 01

對話即操作

你的工作：說清楚你要什麼。

例如：

「幫我做一個 Discord Bot，每天早上自動推送昨日營收，
包含與上週同期比較，部署到 Zeabur 上。」

→ Bot 被建立、排程設定好、部署完成、正在運行。

不需要知道怎麼寫程式。

Chapter 3 — 核心概念 02

CLAUDE.md

專案的規則檔——一次設定好，全組共用。

1

使用繁體中文回覆

2

部署前先確認是測試環境還是正式環境

3

報告格式：摘要 → 數據 → 行動建議

一次設定好，全組任何人開啟都有同樣的基礎。

Chapter 3 — 核心概念 03

MEMORY.md

AI 會記住跨對話的偏好。

被糾正一次就記住，
下次對話自動套用，不再犯同樣的錯。

就像一個會「長記憶」的同事。

Chapter 3 — 核心概念 04

Skills

一個人寫好的 Skill，整個團隊和社群都能用。

範例：Newsletter Skill

1. 從 Linear 拉取標記為「newsletter」的 issue

2. 根據模板生成 6 語系 HTML 電子報

3. 部署預覽並通知 #marketing 頻道

把重複做的流程封裝起來，一鍵複製。

Chapter 3 — 社群生態

熱門 Skills 一覽

📸

Popular Skills 截圖

放入自製或熱門 Skill 截圖

Chapter 3 — 場景想像

不只是工程師的事

PM / 專案經理

自製 Dashboard、通知 Bot、會議紀錄自動結構化

設計師

規格文件批次處理、設計命名自動化

硬體 / ME 工程師

BOM 自動化、測試報告生成

所有人

任何你每週重複做超過三次的事，都可以讓它自動化

Session 4
Chapter 4

那工作上呢？

摸到了兩三層輪廓之後，
開始覺得好像還可以再多做些什麼。

Chapter 4

我的日常，很大一部分是在看資料。

而最有挑戰的，是碰到自家的資料庫。

不斷迭代的架構，得先釐清底層才能動手。

Chapter 4 — 自家資料庫

最花時間的不是開發

是梳理脈絡。

1

資料存在哪？架構長什麼樣？

2

我能調用的權限有哪些？

3

有沒有現成的 schema 文件或知識庫？

4

對齊數據定義與公式——同樣的指標，算法要一致

5

梳理清楚，再交給 Claude Code

Takeaway 2

先梳理，再動手

80% 的時間花在搞清楚脈絡。

做，反而是比較容易的那一步。

PR Review
Chapter 4 — 斑馬手冊 1.0

難道每次都要問工程師？

用魔法打敗魔法。

讓 Claude Code 去讀就好。

Zebra Manual 斑馬手冊
Chapter 4

梳理完了，然後呢？

獨立網站

做進後台

更直覺，讓團隊能直接檢視。

 

Admin Referral
Chapter 4 — 推到 Discord

但大家每天看後台嗎？

不會。

大家每天討論的地方是 Discord。
資料已經有了，複用就好——

讓資訊自己去找人。

Discord 推播
Takeaway 3

去人在的地方

做了工具，但沒人用？因為不在大家的動線上。

獨立網站

做了，但沒人會特地去開

→

做進後台

好一點，但大家也不會每天看

→

推到 Discord

大家每天都在這，資訊自己找到人

越不違反直覺、越不改變習慣，效果越好。

Discord Bot 流程自動化

$

營收總結機器人

每日／每週自動在 Discord 頻道發送營收狀況摘要，包含與同期相比的增長幅度。

≡

專案進度提醒機器人

自動化提醒工程師進行專案進度更新，不再需要人工追蹤。

Discord Bot 推播

Role Shift

從「我說你做」

到「我說我做」

自己的業務自己做。

工程師變成 review 的角色。
我有更多時間微調自己在意的細節。

PR review Discord
Session 5
Chapter 5

有了點子，然後呢？

Zeabur 一站式搞定。

Chapter 5 — Zeabur

Your AI DevOps Engineer

填補「AI 寫完程式」到「穩定上線」之間的空白。

🚀

一鍵部署

推上來就跑

⚡

自動建置

偵測語言，自動處理

💰

用多少付多少

按使用量計費

☁️

雲端 & 地端

靈活選擇部署環境

Chapter 5 — 一站式

不只是部署——一站式搞定

🌐

買網域

直接在 Zeabur 上搜尋、購買、綁定，不用再跑去第三方。

📧

Email 寄信

配置企業信箱、設定寄信服務，通知功能一步到位。

🗄️

資料庫 & 服務

PostgreSQL、Redis、各種 Prebuilt 模板，點一下就建好。

你只需要專注在「做什麼」，基礎設施的事交給平台。
Chapter 5 — 一站式串接

以前要按來按去的日子

以前：去 Godaddy 買網域 → 去 Cloudflare 設 DNS → 去 Resend 或 Mailgun 申請 API Key⋯⋯

現在：在 Claude Code 裡說幾句話，用 Skills 全部搞定。

Zeabur Domain + Zeabur Email，不用再串來串去。

買網域——有自己的識別

Zeabur Domain 管理

Email 寄信——一句話啟用

Zeabur Email 設定

自動搞定 DNS——DKIM · MX · SPF 全自動

DNS 自動設定

1 分鐘驗證通過

Email 驗證完成

寄出測試

寄出測試信

收到了！

收到測試信
Chapter 5 — 完整流程

從想法到上線

你

說清楚需求

→

AI

Claude Code

將想法轉為程式碼

→

平台

Zeabur

推上來就跑

→

成果

穩定上線

不管你是 PM、設計師、還是工程師——
每個人的想法都能直接落地。

Session 6

最後，

來聊聊心路歷程

試錯成本趨近於零

知識的 Gap、技術的 Gap——
在這個時代，門檻比任何時候都低。

我發現自己能做到的，
似乎比想像中還要多。

有段瘋狂的期間

只要有新工具出來，我都想試。

Tom Lizard

工具是來服務我們的

找到一個用起來順手的，
持續用下去就是很棒的選擇。

我現在讓自己
保持的心態是⋯

保持對新工具的探索

但不過於 FOMO

世紀帝國的
黑色大陸

還有很多技術我不懂。

但每解決一個問題，
地圖就亮一點。

世紀帝國迷霧地圖

 

The Martian
Takeaway

玩壞了？

別擔心。

有一個終極按鈕叫做 Rollback

回到上一步就好，沒什麼大不了。

Zeabur Rollback
Zeabur

不管你的角色是什麼

可能有些流程或點子想去實踐。

最大的障礙不是技術，是說清楚需求。
這是你本來就會的事。

Made with Claude Code · Deployed on Zeabur

Q & A

有什麼想聊的，都可以問！

Appendix

Links

Fish Tank v2

https://game-fish-tank.vercel.app/

Fish Tank v1

https://game-fishv1.vercel.app/tank.html

SillyTavern Insights

https://stinsight.zeabur.app/

Issue Analysis

https://issue.zeabur.app/

Draw a Fish

https://drawafish.com/tank.html?capacity=50