需要密碼

這份簡報受密碼保護

Claude Code × Cowork 實戰工作坊

從 AI 對話到 AI 協作——零程式基礎,打造你的數位工作流

Vista Cheng

Vista Cheng

內容策略顧問 | AI 應用講師

《慢讀秒懂》《ChatGPT 提問課》作者。專注 AI 驅動的內容與商業策略,協助超過 200 位專業人士導入 AI 工作流。經營「自由人學院」線上課程平臺,致力讓每個人都能用 AI 放大自己的能力。

十大學習模組(上半場)

  1. 01

    AI 基礎回顧

    從你已經會的開始

  2. 02

    認識 Claude Code

    安裝、設定、第一次對話

  3. 03

    Cowork 協作模式

    AI 成為你的工作夥伴

  4. 04

    Vibe Coding 入門

    用說的就能寫程式

  5. 05

    網站建置實戰

    從零打造你的網站

十大學習模組(下半場)

  1. 01

    自媒體經營

    內容創作與社群自動化

  2. 02

    商品銷售頁 + 金流串接

    用 AI 做銷售頁,串接藍新/統一金流

  3. 03

    報表與工具

    自動產生管理報表

  4. 04

    自動化資訊蒐集

    每天自動掌握時事動態

  5. 05

    行動計畫

    打造你的 AI 工作系統

今天你將學會

隨著課程進行,逐一打勾 ✓

安裝並使用 Claude Code 與 Cowork 模式
用 Vibe Coding 建立網站與銷售頁
設定自媒體自動化與金流串接
產生管理報表與實用工具
建立每日自動資訊蒐集系統

01

AI 基礎回顧

從你已經會的開始

💡

你已經是 AI 使用者了

會用 ChatGPT 聊天?恭喜,你已經踏出最重要的第一步。
接下來,我們要從「聊天」升級到「協作」——讓 AI 不只回答問題,而是幫你完成工作。

你可能已經會的事

這些都算 AI 應用,給自己掌聲👏

💬 問答對話 向 AI 提問各種問題
📝 文字生成 請 AI 寫文案、信件、報告
🔍 資料搜尋 用 AI 快速查找資訊
🌐 翻譯 多語言即時翻譯
📊 摘要整理 長文快速摘要
🎨 圖片生成 用文字描述產生圖片

你現在的位置 → 課程目標

改寫前 BEFORE

目前

  • 在瀏覽器開 ChatGPT 聊天
  • 每次都要重新描述需求
  • 產出需要大量複製貼上
  • AI 只能做單次任務
  • 無法自動化重複工作
對話模式
改寫後 AFTER

學完之後

  • 用 Claude Code 直接操控電腦
  • AI 記住你的偏好與風格
  • 一句話完成複雜任務
  • AI 能自主執行多步驟工作
  • 建立自動化工作流程
協作模式

AI 工具的演進

2022.11

ChatGPT 問世

大眾第一次體驗 AI 對話,全球瘋傳

2023

GPT-4 + Claude

更強的推理能力,AI 能處理更複雜任務

2024

AI Agent 崛起

AI 開始能自主執行任務,不只是回答問題

2025

Vibe Coding 誕生

Andrej Karpathy 提出:用自然語言「說」出程式

2026

AI Cowork 時代

AI 成為你的全職工作夥伴,共同完成專案

AI 能力金字塔

問答對話 你在這裡 ✓
基礎層:一問一答,像查字典
內容生成 你在這裡 ✓
進階層:AI 幫你產出完整內容
任務執行 今天學這個 →
AI 直接在你的電腦上操作
流程自動化 今天學這個 →
AI 自動執行重複性工作
系統建置 今天學這個 →
用 AI 從零建立完整系統

三種 AI 互動模式

💬

對話模式

在瀏覽器中與 AI 聊天 你問一句、AI 答一句 適合:快速查資料、翻譯 (你已經會了!)

🤝

協作模式

AI 看得到你的檔案與專案 理解上下文、主動建議 適合:做專案、建網站 (今天學!)

🤖

自動模式

AI 自主執行複雜任務 定時運行、自動報告 適合:監控、資料蒐集 (也會教!)

主流 AI 工具比較

改寫前 BEFORE

ChatGPT / Gemini

  • 瀏覽器中使用
  • 擅長一般對話
  • 外掛生態豐富
  • 免費版功能足夠入門
  • 適合日常問答
對話工具
改寫後 AFTER

Claude Code

  • 在終端機中使用
  • 擅長長文理解與程式
  • 直接操控你的電腦
  • 可以讀寫本地檔案
  • 適合專案協作與開發
協作工具

10×

效率提升倍數

從「對話模式」升級到「協作模式」,日常工作效率平均提升 10 倍以上。 不是你變厲害了,而是你的 AI 夥伴終於發揮全力了。

對話模式 vs 協作模式——感受差異

👤
(對話模式)幫我寫一段公司介紹文案
🤖AI
好的,請提供公司名稱、產業、核心服務、目標客群⋯⋯
👤
(協作模式)幫我更新官網的公司介紹
🤖AI
我看了你的官網原始碼,目前「關於我們」頁面的內容是 2024 年版本。 我根據你最近的新服務和客戶案例,更新了三個段落。 要我直接套用嗎?

AI 已經改變了哪些行業

82%

行銷人員已使用 AI 輔助內容創作

67%

中小企業主計畫導入 AI 工具

3 小時/天

使用 AI 後平均節省的工作時間

45%

的 AI 使用者沒有技術背景

← 就是你!
💡

本章核心觀念

AI 不是取代你的工作,而是放大你的能力。 從「跟 AI 聊天」升級到「跟 AI 協作」,你等於瞬間擁有了一整個技術團隊。

你不需要學會寫程式,你只需要學會跟 AI 協作。程式是 AI 的工作,創意和決策才是你的。

— Vista Cheng

✍️ Practice

暖身練習:盤點你的 AI 經驗

  1. 1 花 3 分鐘回想並寫下你目前用 AI 做過哪些事
  2. 2 打開手機或電腦的筆記本
  3. 3 列出你用過的 AI 工具(ChatGPT、Gemini、Copilot⋯⋯)
  4. 4 每個工具寫下 1-2 個常用場景
  5. 5 標記哪些場景你覺得效果不錯 ✓
  6. 6 標記哪些場景你覺得可以更好 △
⏱ 3 分鐘 📎 筆記本或手機備忘錄

02

認識 Claude Code

你的 AI 工作夥伴

🖥️

Claude Code 是什麼?

Claude Code 是 Anthropic 推出的命令列工具,讓 Claude AI 直接在你的電腦上工作——讀取檔案、撰寫程式、管理專案、部署網站,全部用自然語言操控。

重點:你不需要會寫程式,只需要會打字。

ChatGPT 網頁版 vs Claude Code

改寫前 BEFORE

ChatGPT 網頁版

  • 在瀏覽器中操作
  • 需要手動複製貼上
  • 無法存取你的檔案
  • 每次對話都是獨立的
  • 無法執行程式碼
對話框
改寫後 AFTER

Claude Code

  • 在終端機(Terminal)中操作
  • 直接讀寫你的檔案
  • 記住專案脈絡與上下文
  • 可以持續性地協作
  • 即時執行並驗證結果
工作臺

Claude Code 能做什麼?

🌐

建立網站

從零開始用說的就能建好一個網站

📝

撰寫文章

根據大綱自動撰寫完整文章並存檔

📁

管理檔案

批次整理、重新命名、搬移檔案

📊

數據分析

讀取 Excel / CSV,產出分析報告

⚙️

自動化任務

設定定時排程,自動執行重複工作

🚀

部署上線

一行指令把網站部署到網路上

終端機不可怕——換個方式理解它

很多人聽到「終端機」或「Terminal」就害怕,覺得那是工程師的世界。其實,終端機就是一個「用打字代替點擊」的操作介面。

就像你用 LINE 傳訊息一樣——你打字、對方回覆。終端機也是這樣,你打字告訴電腦要做什麼,電腦就回覆結果給你。

而 Claude Code 讓這件事更簡單:你甚至不需要記指令,用中文說就好。「幫我把桌面的照片整理到相簿資料夾」——就這麼直覺。

安裝 Claude Code(macOS)

1

開啟 Terminal

按 Cmd + 空白鍵,搜尋「Terminal」或「終端機」,點擊開啟

2

確認 Node.js

輸入 node -v,若顯示版本號即可。若未安裝,先輸入 brew install node

3

安裝 Claude Code

輸入 npm install -g @anthropic-ai/claude-code

4

啟動並登入

輸入 claude,按照畫面指示登入 Anthropic 帳號

5

完成!

看到 claude> 提示符號,恭喜你成功了!🎉

安裝 Claude Code(Windows 版)

powershell
# Step 1:開啟 PowerShell(右鍵「開始」→ 選「Windows Terminal」)

# Step 2:確認 Node.js 已安裝
node -v
# 若未安裝,到 https://nodejs.org 下載

# Step 3:安裝 Claude Code
npm install -g @anthropic-ai/claude-code

# Step 4:啟動!
claude

# 看到提示符號就代表成功了 🎉

Windows 用戶照這段指令操作即可。跟 macOS 幾乎一樣,只是開的是 PowerShell 而不是 Terminal。

你的第一次 Claude Code 對話

👤
你好,我是第一次使用 Claude Code
🤖AI
你好!歡迎使用 Claude Code 🎉 我可以直接在你的電腦上幫你做很多事情。 你想先試試什麼?比如: • 建立一個新檔案 • 整理桌面的資料夾 • 做一個簡單的網頁
👤
幫我在桌面建立一個叫「我的專案」的資料夾,裡面放一個 README.md
🤖AI
完成!我建立了以下結構: 📁 桌面/我的專案/ 📄 README.md README.md 的內容: # 我的第一個 AI 專案 > 用 Claude Code 建立於 2026/03/23 恭喜你完成第一個任務!

Claude Code 五大超能力

01

讀取檔案

AI 可以直接閱讀你電腦上的任何文件——Word、Excel、PDF、程式碼,不需要複製貼上

02

撰寫程式

用自然語言描述需求,AI 自動寫好程式碼、存檔、甚至幫你測試

03

執行指令

AI 可以在終端機執行命令——安裝軟體、運行程式、管理伺服器

04

搜尋網路

AI 可以上網搜尋最新資訊,補充你需要的知識

05

多步驟任務

給一個大目標,AI 自動拆解成多個步驟,逐一完成

Claude Code 常用指令速查

不用背,用到再查就好

💻 claude 啟動 Claude Code
/help 查看可用指令
🧹 /clear 清除對話紀錄
💾 /commit 儲存程式碼變更
💰 /cost 查看使用量與費用
⚙️ /config 設定個人偏好

好的提示 vs 壞的提示

改寫前 BEFORE

❌ 這樣說不行

  • 「幫我做一個網站」→ 太模糊,什麼網站?給誰看?
  • 「幫我做網站然後寫文章然後串金流」→ 一次塞太多,AI 容易亂
  • 「改漂亮一點」→ 什麼叫漂亮?沒有具體標準
模糊指令
改寫後 AFTER

✅ 這樣說才對

  • 「幫我做一個簡約日式風的個人網站,有首頁、作品集、聯絡頁」
  • 「我們先做首頁,你先給我版面規劃,確認後再做」
  • 「把按鈕改成圓角、藍色漸層、白色文字」
精準指令

四個提示寫作原則

🎯

具體明確

📐

給出範圍

📋

提供範例

🔄

分步進行

用 Claude Code 做日常工作

👤
我有一個 Excel 檔案叫「客戶名單.xlsx」,在桌面上。幫我統計每個城市有多少客戶,然後做成圖表
🤖AI
我來分析這份客戶名單⋯⋯ 找到 372 筆客戶資料。統計結果: 📊 臺北市:156 位(42%) 📊 新北市:89 位(24%) 📊 臺中市:52 位(14%) 📊 高雄市:38 位(10%) 📊 其他:37 位(10%) 我已產生圓餅圖和長條圖,存在桌面的「客戶分析.png」。 要我順便匯出成 PDF 報告嗎?

Claude Code 全球使用現況

150 萬+

全球使用者

↑ 300%

45%

非工程師用戶

↑ 持續成長

$20/月

Pro 方案費用

最受歡迎方案

92%

用戶滿意度

Claude Code 方案選擇

Free

免費體驗

無法使用 Claude Code

$20/月

Pro 方案

日常使用首選

$100/月

Max 方案

5 倍 Pro 使用量

$200/月

Max 頂級

20 倍 Pro 使用量

Claude Code 安裝確認

確認你已完成以下步驟

Terminal 可以正常開啟
Node.js 已安裝(node -v 有顯示版本)
Claude Code 安裝成功
Anthropic 帳號已登入
成功完成第一次對話
成功讓 Claude 建立了一個檔案
科技的終極目標不是讓人學會用科技,而是讓科技學會理解人。Claude Code 正在實現這件事。

— Vista Cheng

03

Cowork 協作模式

AI 成為你的全職工作夥伴

🤝

什麼是 Cowork?

Cowork 是 Claude 把 Claude Code 的 agentic 協作能力,擴展到知識工作場景的桌面版工作模式——AI 不只回答你的問題,而是像同事一樣,持續跟你在同一個專案上協作。

它看得到你的所有檔案,理解你的工作脈絡,還會主動提出建議。

一般 AI 對話 vs Cowork 模式

改寫前 BEFORE

一般 AI 對話

  • 每次都要重新說明背景
  • AI 不知道你的檔案結構
  • 只能做單一任務
  • 無法記住你的偏好
  • 需要大量複製貼上
效率 1x
改寫後 AFTER

Cowork 模式

  • AI 自動理解專案脈絡
  • 直接讀取並修改你的檔案
  • 可以連續執行多個任務
  • 記住你的風格與偏好
  • 一句話完成複雜工作
效率 10x

用一個故事理解 Cowork

想像你請了一位新助理。第一天,你什麼都要從頭教:公司叫什麼名字、客戶有哪些、文件放在哪裡。這就是「一般 AI 對話」——每次開新對話,AI 都像第一天上班的新人。

但如果這位助理已經跟你工作三個月了呢?他知道你的所有專案、你習慣的文件格式、你偏好的溝通風格。你只需要說「幫我更新下週的簡報」,他就知道去哪找資料、用什麼格式。

這就是 Cowork 模式。AI 擁有你整個工作空間的上下文,像一位資深同事一樣與你協作。

Cowork 的工作流程

1

描述需求

用自然語言告訴 AI 你想要什麼

2

AI 規劃

AI 分析需求、瀏覽檔案,提出方案

3

你確認方向

檢視 AI 的計畫,確認或調整

4

AI 執行

AI 自動完成所有技術工作

5

你驗收

檢查成果,提出修改意見

6

持續迭代

不斷微調,直到你滿意為止

Cowork 實際對話示範

👤
我想建一個個人品牌網站,展示我的作品集和部落格文章
🤖AI
好的!讓我先了解你的需求: 1. 品牌名稱是什麼? 2. 想要什麼風格(簡約/活潑/專業)? 3. 除了作品集和部落格,還需要哪些頁面?
👤
品牌叫「小美的設計工作室」,簡約日式風,加一個聯絡頁面
🤖AI
開始建立「小美的設計工作室」: ✅ 首頁 — 日式簡約風格,大面積留白 ✅ 作品集 — 瀑布流排版展示作品 ✅ 部落格 — 文章列表 + 分類標籤 ✅ 聯絡 — 聯絡表單 + 社群連結 網站已建立完成,正在啟動預覽⋯⋯

Cowork 模式的六大優勢

🧠

持續記憶

不需每次重複說明背景,AI 記得你的決定

📂

檔案感知

AI 能看到你的專案結構,精準定位問題

💡

主動建議

不只回答問題,還會主動提出改善建議

多步驟執行

一個指令觸發多個步驟,自動完成複雜任務

即時驗證

做完立刻測試,有問題馬上修正

🎨

風格一致

記住你的偏好風格,產出保持一致

Cowork 模式的溝通技巧

01

設定角色與背景

一開始就告訴 AI:「你是我的網站設計夥伴,我的品牌風格是簡約溫暖的,目標客群是 30-45 歲自由工作者。」

02

描述目標而非步驟

說清楚「為什麼」比「做什麼」更重要——「這個網站要讓客戶看到專業能力,最終透過表單預約諮詢。」

03

給出具體回饋

不要說「改好看一點」,要說「字太小、關於我的部分加上經歷時間軸」——具體回饋讓 AI 快速迭代。

有了 Cowork 後的工作效率變化

建立網站 95%
撰寫報告 80%
數據分析 90%
文案撰寫 75%
檔案整理 85%

學員回饋

我以前覺得做網站一定要會寫程式,用 Cowork 模式跟 AI 聊了 30 分鐘就做好了,還比外包的品質更好!

💼
小陳 行銷企劃

最讓我驚訝的是 AI 會記住我的偏好,不用每次從頭來。真的像多了一個懂我的同事。

✍️
阿美 自媒體創作者

我用 Cowork 幫公司做了一個客戶管理工具,以前外包要十幾萬,現在一個下午搞定。

🏢
王先生 中小企業主

Cowork 模式最適合的四種人

👩‍💼

自由工作者

👨‍💻

內容創作者

🏪

中小企業主

📊

行銷企劃

✍️ Practice

練習:體驗 Cowork 模式

  1. 1 用 Cowork 模式完成一個小專案——做一個自我介紹網頁
  2. 2 Step 1:在 Terminal 輸入 claude 啟動
  3. 3 Step 2:告訴 AI「幫我做一個簡單的個人自我介紹網頁」,描述你的名字、職業、興趣
  4. 4 Step 3:AI 完成後,打開瀏覽器預覽
  5. 5 Step 4:試著請 AI 修改配色或加一張照片,感受上下文記憶
  6. 6 ⚠️ 做完的同學可以試著加更多內容!
⏱ 15 分鐘 📎 Claude Code + 瀏覽器
💡

核心觀念

掌握 Cowork 模式的人,等於擁有了一個 24 小時不休息、什麼都會做的數位夥伴。你的競爭優勢不再是「會多少技能」,而是「會不會跟 AI 協作」。

基礎篇完成確認

確認你已經掌握基礎,準備進入 Vibe Coding!

理解 AI 從對話到協作的升級,知道 Claude Code 的優勢
成功安裝 Claude Code 並完成第一次對話
理解 Cowork 模式的核心概念
體驗了用 Cowork 做一個網頁
掌握提示寫作的四大原則

04

Vibe Coding 入門

用對話打造你的第一個作品

I just see things, say things, run things, and copy-paste things, and it mostly works.

— Andrej Karpathy

前 Tesla AI 總監、OpenAI 共同創辦人,Vibe Coding 概念提出者

什麼是 Vibe Coding?

2025 年 2 月,AI 大神 Andrej Karpathy 在社群發了一則貼文,描述他最近寫程式的方式:不再細讀每一行 code,而是「感覺對了就好」。他把這種方式叫做 Vibe Coding。

這個詞立刻在全球爆紅——因為它精準描述了一種全新的創作模式:你不需要懂程式語法,只需要用自然語言告訴 AI 你想要什麼,AI 就會幫你做出來。

傳統寫程式 vs Vibe Coding

改寫前 BEFORE

傳統寫程式

  • 先學語法、框架、工具鏈
  • 一個 typo 就整個壞掉
  • Google + Stack Overflow 找答案
  • 光環境設定就花半天
學習門檻:6-12 個月
改寫後 AFTER

Vibe Coding

  • 用中文描述你要什麼
  • AI 即時生成可運行的程式
  • 有問題直接用對話修正
  • 從零到上線只需幾小時
學習門檻:今天就開始

Vibe Coding 的核心精神

你不需要「理解」程式碼的每一行。你只需要能夠「描述」你想要的結果,然後「判斷」AI 做的對不對。就像你不需要會蓋房子,但你知道你想要幾間房間、什麼風格。

Vibe Coding 三大支柱

🗣️

描述能力

用清楚的語言說明你要什麼

👀

判斷能力

看得出 AI 做的對不對、好不好

🔄

迭代思維

不求一次完美,逐步修正到滿意

🤝

耐心溝通

AI 做錯了?沒關係,換個方式說

Vibe Coding 實際長什麼樣?

👤
幫我做一個簡單的個人介紹網頁,要有我的名字、一張照片、還有三個技能標籤
🤖AI
好的!我幫你建立一個簡潔的個人介紹頁面。以下是初版,包含姓名區塊、照片位置和三個可自訂的技能標籤...
👤
不錯!但我想要背景改成深藍色,字體改大一點
🤖AI
已更新!背景改為深藍色 (#1a1a2e),標題字體放大到 48px,內文也調整到 18px 方便閱讀...

Vibe Coding 的工作循環

1

描述

用自然語言告訴 AI 你想做什麼

2

生成

AI 產出程式碼和畫面

3

預覽

看看成果是不是你要的

4

修正

不滿意?繼續對話調整

5

完成

滿意了就部署上線!

Vibe Coding 能做什麼?

不只是網頁,任何你想得到的數位作品

🌐 個人網站 履歷、作品集、部落格
🛒 銷售頁面 產品介紹、服務頁
📊 數據工具 簡單的計算機、表格
🎮 小遊戲 猜數字、記憶遊戲
📱 Web App 待辦清單、筆記工具
📧 Email 模板 精美的電子報版型
💡

你是建築師,AI 是營造團隊

建築師不需要自己搬磚、灌水泥、拉電線。建築師的工作是設計藍圖、溝通需求、確保成品符合期待。Vibe Coding 也是一樣——你負責想法和方向,AI 負責技術實作。你的角色不是「寫程式的人」,而是「有想法的人」。

開始前你需要準備什麼?

💻

一臺電腦

桌機或筆電都可以,不需要高規格

🌐

網路連線

能上網就好,AI 在雲端運作

🧠

你的想法

想做什麼?給誰看?解決什麼問題?

4.1

你的第一個 Vibe Coding 專案

從零開始,做一個自我介紹頁面

專案目標:個人自我介紹頁面

1

Step 1

2

Step 2

3

Step 3

4

Step 4

5

Step 5

Step 1:起手式

👤
幫我做一個自我介紹的網頁。我叫王小明,是一個自由接案的平面設計師。我想要簡潔、現代的風格,主色調用深灰配橘色。頁面要有:我的名字和職稱、一段 50 字的自我介紹、三個專業技能、聯絡方式。
🤖AI
沒問題!我來幫你建立一個簡潔現代的自我介紹頁面。 我會用深灰 (#2d2d2d) 作為背景,橘色 (#ff6b35) 作為重點色,搭配無襯線字體。現在開始製作...

好的起手式 Prompt 包含什麼?

① 你是誰(角色/身份)② 你要做什麼(具體項目)③ 風格偏好(簡潔?活潑?專業?)④ 主要內容有哪些(條列清楚)⑤ 配色或參考(有就給,沒有也沒關係)。給得越清楚,AI 第一次就做得越接近你要的。

Prompt 寫法大對決

改寫前 BEFORE

模糊的 Prompt

  • 「幫我做一個網站」
  • 「寫一篇文章」
  • 「做一個表格」
  • 「幫我改漂亮一點」
效果差
改寫後 AFTER

精準的 Prompt

  • 「幫我做一個簡約風的個人網站,包含首頁、作品集、聯絡頁」
  • 「用輕鬆的語氣寫一篇 1500 字的 AI 工具推薦文,目標讀者是小資族」
  • 「讀取 sales.csv,按月份統計營收並產出長條圖」
  • 「把按鈕改成圓角、藍色漸層背景、白色文字、hover 時放大 1.05 倍」
效果好

Vibe Coding 常用句型

1

幫我做一個...

起手式:描述你想要的整體成品

2

改成...

修改:調整顏色、字體、排版等

3

加上...

新增功能或內容區塊

4

拿掉...

移除不需要的元素

5

參考這個風格...

給 AI 一個方向或範例

Step 2-3:逐步修正

👤
整體不錯!但我想要名字再大一點,放在正中央。技能標籤改成圓角矩形,滑鼠移上去會變色。
🤖AI
好的,我把名字放大到 56px 並置中。技能標籤加上圓角和 hover 效果,滑鼠移上去會從深灰變成橘色。
👤
讚!再加上一個「下載我的履歷」按鈕,放在最下面。
🤖AI
已加上下載按鈕,放在頁面底部,用橘色實心樣式設計,搭配下載圖示。你只需要把履歷 PDF 檔放到指定位置就可以了。

Vibe Coding 的迭代漏斗

描述需求 第 1 步
AI 初版產出 第 2 步
第一輪修正 第 3 步
第二輪微調 第 4 步
滿意上線 完成!

學員心聲

我完全不會寫程式,但跟著步驟用 AI 對話,竟然真的做出了自己的網站。最神奇的是,我從開始到上線只花了兩個小時!

🌸
李小姐 花藝工作室負責人

4.2

遇到問題怎麼辦?

Debug 不是你的工作,是 AI 的

常見問題與應對方式

🖥️ 畫面跑掉

「畫面排版跑掉了,標題跟圖片重疊,請幫我修正」

🔘 按鈕沒反應

「點了這個按鈕沒有反應,應該要打開聯絡表單」

📱 手機版很醜

「用手機看的時候文字太小,圖片超出螢幕」

🎨 配色不搭

「整體配色太暗了,想要更明亮活潑的感覺」

跟 AI 報 Bug 的正確姿勢

👤
有 bug!我在手機上打開網頁的時候,選單按鈕點了沒反應,而且下面的圖片跑出畫面外了。桌機版是正常的。
🤖AI
了解!這是行動版的響應式問題。我來修正兩個地方: 1. 手機版選單改用漢堡選單,點擊後展開 2. 圖片加上 max-width: 100% 限制,不會超出螢幕 修改完成,請在手機上重新整理看看。

報 Bug 的黃金公式

① 發生了什麼(我看到...)② 我預期會怎樣(應該要...)③ 在哪裡發生(手機/電腦、哪個頁面)④ 什麼時候發生(點了某按鈕之後、滑到某個位置時)。描述越具體,AI 修得越快。

Vibe Coding 心態檢核表

成功的 Vibe Coder 都有這些特質

不怕 AI 給出不完美的結果——反正可以繼續修
願意多試幾次不同的描述方式
把注意力放在「我要什麼」而非「怎麼做」
遇到問題先描述現象,而非猜測原因
享受從零到有的創造過程
✍️ Practice

🎯 動手練習:做你的自我介紹頁

  1. 1 打開 AI 工具(Claude 或 ChatGPT)
  2. 2 用以下模板描述你的需求:
  3. 3 「幫我做一個自我介紹網頁。我叫___,職業是___。風格要___,主色調___。內容包含:姓名職稱、自我介紹(50字)、三個專業技能、聯絡方式。」
  4. 4 看到初版後,至少做 3 次修正
  5. 5 把最終成果截圖分享到課程群組
⏱ 20 分鐘

3 次

平均只需要 3 輪對話就能完成一個滿意的頁面

關鍵是第一次描述要夠清楚,後續微調就會很快

05

網站建置實戰

從概念到上線,完整走一遍

為什麼你需要一個自己的網站?

社群媒體的帳號是「租來的」——平臺規則一改,你的粉絲和內容隨時可能消失。但網站是你「自己的」數位資產,你擁有完整的控制權。

對自由工作者、顧問、小老闆來說,一個專業的網站就是你的數位名片、24 小時營業的業務員。而現在透過 Vibe Coding,你終於可以自己做一個。

網站的類型

依照你的需求選擇最適合的形式

📄 Landing Page 單頁式,適合推廣活動或產品
📝 部落格 持續產出內容,建立專業形象
🖼️ 作品集 展示設計、攝影、案例等作品
🛒 電商網站 線上販售商品或服務
💼 企業形象 公司介紹、服務說明、聯絡資訊
📚 知識庫 教學文件、常見問題、使用指南

有網站 vs 沒網站的差異

73%

消費者會先搜尋

3.5x

有網站的信任度

24/7

永不打烊的曝光

$0

Vibe Coding 的建置成本

你不需要選框架,AI 幫你決定

改寫前 BEFORE

傳統方式

  • 需要先學 HTML/CSS/JS
  • 研究各種框架優缺點
  • 設定開發環境花好幾天
  • 遇到問題上網查半天
  • 光是起步就要一個月
痛苦
改寫後 AFTER

Vibe Coding 方式

  • 跟 AI 說「幫我建一個部落格」
  • AI 自動選最適合的框架
  • 5 分鐘內專案建好
  • 遇到問題直接跟 AI 說
  • 一個下午就有成品
輕鬆

你不需要選框架

當你告訴 AI「我想做一個部落格」,AI 會自動選擇最適合的技術架構。你只需要關心最終成果好不好用、好不好看。就像你去餐廳點菜,不需要知道廚房用什麼牌子的鍋子。

5.1

實戰:打造一個部落格

從空白到完整網站的全過程

部落格建置的五個階段

1

規劃

決定主題、風格、需要哪些頁面

2

建構

用 AI 生成網站骨架和首頁

3

填充

加入文章內容、圖片、分類標籤

4

美化

調整配色、字體、排版細節

5

上線

部署到網路,設定自訂網域

用 Vibe Coding 建立部落格

👤
我想建立一個個人部落格,主題是「臺灣咖啡文化」。需要:首頁(最新文章列表)、文章頁面、關於我頁面。風格要文青、溫暖,配色用大地色系。要支援手機瀏覽和深色模式。
🤖AI
很棒的主題!我用 Astro 幫你建立部落格,這是目前最適合內容網站的框架。 架構規劃: - 首頁:文章卡片瀑布流,每張卡片有封面圖和摘要 - 文章頁:乾淨的閱讀版面,支援 Markdown - 關於我:個人故事 + 照片 - 配色:拿鐵色 #C4A882 + 深棕 #3E2723 開始建立...

幫部落格加上實用功能

🌙 深色模式

「加上深色模式切換,右上角放一個太陽/月亮的切換按鈕」

🔍 搜尋功能

「加上全站搜尋,讓讀者可以用關鍵字找文章」

🏷️ 標籤分類

「每篇文章加上標籤,讀者可以點標籤看同類文章」

📤 社群分享

「文章底部加上分享按鈕:Line、Facebook、複製連結」

一句話加上深色模式

👤
幫我加上深色模式,右上角放一個切換按鈕。深色模式的背景用深灰而不是純黑,讀起來比較舒服。
🤖AI
好的!深色模式設定: - 背景:#1a1a1a(深灰,不刺眼) - 文字:#e0e0e0(柔和白) - 切換按鈕:🌞/🌙 圖示,放在導航列右上角 - 自動記憶偏好設定 完成!重新整理看看效果。

一句話的魔法

改寫前 BEFORE

改版前

  • 純白背景,沒有深色模式
  • 沒有搜尋功能
  • 文章沒有分類標籤
  • 沒有社群分享按鈕
基本但陽春的部落格
改寫後 AFTER

四句話之後

  • 深色/淺色模式自由切換
  • 全站即時搜尋
  • 標籤分類系統
  • Line / FB / 連結分享
功能完整的專業部落格

5.2

部署上線

讓全世界都能看到你的網站

免費部署平臺推薦

☁️

Cloudflare Pages

速度極快、全球 CDN、免費額度超大方

Vercel

一鍵部署、自動 HTTPS、適合互動網站

🔺

Netlify

拖拉上傳、表單功能內建、新手友善

部署只需要這幾步

1

註冊帳號

用 Google 或 GitHub 帳號一鍵註冊

2

連結專案

把你的程式碼上傳或連結 GitHub

3

自動部署

平臺自動建置並生成網址

4

設定網域

綁定你的自訂網域(可選)

用 AI 幫你部署

👤
我做好了!要怎麼把這個網站放到網路上讓別人看到?
🤖AI
恭喜完成!最簡單的方式: 1. 到 Vercel(vercel.com)用 Google 帳號登入 2. 點「New Project」 3. 把你的專案資料夾拖進去 4. 等 30 秒,自動部署完成 5. 你會得到一個 xxx.vercel.app 的網址 就這樣!全世界都能看到你的網站了。

30 秒

從上傳到上線只需要 30 秒

現代部署平臺已經把這件事簡化到不可思議的程度

自訂網域:你的數位門牌

免費網址(如 xxx.vercel.app)適合練習,但如果你想要專業形象,建議購買自己的網域。
一個 .com 一年只要 300–500 元臺幣,告訴 AI「我買了 xxx.com,要怎麼綁定到 Vercel?」就會一步步教你。
— 你的名字.com = 你在網路世界的永久地址

5.3

實戰案例

30 分鐘打造顧問網站

案例:行銷顧問王先生的網站

1

0 min

2

5 min

3

10 min

4

20 min

5

30 min

王先生的起手式 Prompt

👤
我是一個數位行銷顧問,服務臺灣的中小企業。幫我做一個專業形象網站。要有: 1. 首頁:吸睛的標題、三大服務介紹、客戶好評 2. 服務頁:基礎版/進階版/旗艦版三種方案 3. 關於我:我的經歷和專長 4. 聯絡方式:預約免費諮詢的表單 風格要專業但不冰冷,配色用深藍配金色。
🤖AI
完美的描述!我幫你用 Astro 建立一個專業的顧問形象網站。 🎨 設計方向: - 主色:專業深藍 #1B365D - 重點色:質感金 #C9A86C - 大標題用粗體襯線字體,強調信賴感 開始建立首頁...

手機響應式?AI 自動處理

超過 60% 的網站訪客來自手機。好消息是,當你用 Vibe Coding 建立網站時,現代 AI 工具會自動幫你處理手機版的排版。

如果某個地方在手機上看起來不對,你只需要說:「手機版的選單太擠了」或「手機上圖片太大」,AI 就會立刻調整。你完全不需要知道什麼是 CSS media query。

王先生的成果數據

30 分

從零到上線

$0

建置費用

5 頁

完整網站頁面

100 分

Google 性能評分

✍️ Practice

🎯 大練習:建立你自己的網站

  1. 1 決定你要做什麼類型的網站(部落格/作品集/服務頁)
  2. 2 寫下你的「起手式 Prompt」,包含:身份、目的、風格、內容
  3. 3 用 AI 生成第一版,然後至少修正 5 次
  4. 4 加上至少 2 個額外功能(深色模式、搜尋、標籤等)
  5. 5 部署到 Vercel 或 Cloudflare Pages
  6. 6 把網址分享到課程群組,接受大家的掌聲!
⏱ 30 分鐘

部署後的維護小提醒

📝

定期更新內容

至少每月發一篇新文章或更新資訊

📱

檢查手機版

偶爾用手機打開確認排版正常

💾

備份程式碼

用 GitHub 保存,不怕意外遺失

📊

追蹤數據

裝 Google Analytics 看看誰在看你的網站

🔧

持續優化

根據訪客行為調整內容和設計

從今天開始的成長路徑

今天 完成第一個網站
本週 持續優化
本月 建立作品集
下個月 接案實戰
未來 數位事業
最好的學習方式就是動手做。 不要等到「準備好」才開始, 開始了你就會準備好。

— Vibe Coding 的行動哲學

Vibe Coding 學習檢核

確認你已經掌握這些核心能力

理解 Vibe Coding 概念,能寫出清楚的起手式 Prompt
知道如何用對話迭代修正網站、描述 Bug 讓 AI 修正
了解不同網站類型的適用場景
成功建立並部署一個網站
知道如何加入深色模式、搜尋等功能及設定自訂網域

06

自媒體經營

AI-Driven Content Strategy

為什麼你需要自媒體?

在這個時代,每個人都是媒體。不管你是自由工作者、小型創業家,還是想要建立個人品牌的上班族,自媒體是你最強大的武器。

好消息是——有了 AI,經營自媒體的門檻從未如此低。你不需要是專業作家、設計師或行銷專家。你只需要有想法,AI 幫你把想法變成內容。

自媒體的影響力

77%

消費者透過內容認識品牌

3x

內容行銷 ROI vs 傳統廣告

10x

有自媒體的個人品牌信任度

$0

AI 工具讓起步成本趨近於零

🏭
經營自媒體最大的挑戰不是技術,
而是持續產出內容。
— AI 就是你的內容生產線

AI 內容策略五步驟

1

定位

確定你的利基市場和目標受眾

2

選題

用 AI 產生源源不絕的主題靈感

3

生產

AI 輔助撰寫高品質內容

4

分發

一篇文章自動轉換多平臺格式

5

優化

數據驅動的持續改進

用 AI 產生文章靈感

PROMPT
我經營一個關於「[你的主題]」的自媒體。我的目標讀者是「[描述受眾]」。

請幫我產生 20 個文章主題,需要符合以下條件:
1. 有搜尋需求(包含常見問題關鍵字)
2. 適合初學者閱讀
3. 可以自然帶入我的產品/服務

請用表格呈現,欄位:主題、目標關鍵字、難易度、預估吸引力(1-5 星)
OUTPUT
| 主題 | 關鍵字 | 難度 | 吸引力 |
|---|---|---|---|
| 新手如何開始... | 入門指南 | 易 | ⭐⭐⭐⭐⭐ |
| 5 個常見錯誤... | 避坑 | 易 | ⭐⭐⭐⭐ |

AI 如何幫你打造選題日曆

👤
我是一位營養師,目標受眾是 25-40 歲的上班族。幫我規劃一週的內容,涵蓋部落格、IG 和電子報。
🤖AI
週一部落格:「外食族的一週健康菜單」(長文 + SEO) 週二 IG:菜單視覺圖卡 + 短影音 週三電子報:「本週營養冷知識 + 讀者 Q&A」 週四 IG:辦公室拉伸運動 Reel 週五部落格:「便利商店也能吃得健康」 週六 IG:週末料理食譜圖文 週日電子報:「下週預告 + 免費資源」

部落格寫作完整流程

1

選題

AI 產生主題 + 關鍵字分析

2

研究

AI 彙整資料 + 競品分析

3

大綱

AI 產生結構化大綱

4

初稿

AI 輔助撰寫 + 人工調整

5

編輯

AI 校對潤稿 + SEO 優化

6

發布

排程上線 + 自動分發

傳統寫文 vs AI 輔助寫文

改寫前 BEFORE

傳統方式

  • 想主題想半天
  • Google 搜尋整理資料 2 小時
  • 寫初稿 3-4 小時
  • 自己校對容易漏看錯誤
  • 一週產出 1 篇已經很拚
一篇文章 6-8 小時
改寫後 AFTER

AI 輔助

  • AI 推薦 20 個主題秒選
  • AI 彙整資料 5 分鐘
  • AI 產初稿 + 人工調整 1 小時
  • AI 校對 + 潤飾 15 分鐘
  • 一週穩定產出 3-5 篇
一篇文章 1-2 小時

用 AI 寫出高品質文章

PROMPT
請以「臺灣繁體中文」撰寫一篇關於「[主題]」的部落格文章。

要求:
- 字數:1500-2000 字
- 語調:專業但親切,像在跟朋友分享
- 結構:引言 → 3-5 個重點段落 → 實用建議 → 結語
- 每個段落有小標題
- 加入具體數據或案例
- 結尾有 CTA(行動呼籲)

目標關鍵字:[填入]
目標讀者:[描述]
OUTPUT
# [吸引人的標題]

[引言段落,用故事或問題開頭...]

## 重點一:...
...

## 重點二:...
...

一文多用:跨平臺內容策略

📝

部落格

2000 字深度長文,SEO 導流主力

📘

Facebook

300-500 字摘要 + 觀點 + 連結

📸

Instagram

視覺圖卡 + 150 字精華文案

💼

LinkedIn

專業角度改寫 + 職場觀點

🐦

X / Twitter

3-5 則連續推文精華版

📬

電子報

加入個人觀點 + 獨家內容

一篇文章的內容漏斗

核心長文 2000 字
部落格原文,SEO 主力
社群摘要 300 字 × 4 平臺
各平臺語氣微調
圖文卡片 5-8 張
IG / FB 視覺內容
推文串 5 則
X 平臺精華版
電子報 500 字
加入個人觀點與 CTA

一鍵將文章轉為社群貼文

PROMPT
以下是我的部落格文章:
[貼上文章]

請幫我轉換為以下四種社群貼文:

1. Facebook 貼文(300 字,親切語調,結尾提問互動)
2. Instagram 文案(150 字,含 5 個 hashtag)
3. LinkedIn 貼文(200 字,專業語調,加入職場觀點)
4. X 推文串(5 則,每則 100 字以內)

請保持繁體中文,語調活潑但專業。
OUTPUT
📘 Facebook:...
📸 Instagram:...
💼 LinkedIn:...
🐦 X 推文串:1/5 ...

電子報的三大優勢

📩

直達信箱

不受演算法控制,開信率 20-40%

🤝

深度關係

一對一的溝通感,建立信任

💰

變現利器

最容易轉換的行銷管道之一

電子報內容公式

每期電子報的黃金架構

👋 開場問候 個人化的連結
💡 主題分享 本期核心價值
📖 故事案例 增加可讀性
🔧 實用技巧 立即可用的建議
📎 推薦資源 精選連結
📣 行動呼籲 引導下一步

SEO 基礎觀念

On-page SEO(站內)

  • 標題包含關鍵字
  • meta description 優化
  • H1/H2/H3 結構清晰
  • 圖片 alt 標籤
  • 內部連結佈局

Off-page SEO(站外)

  • 社群分享與討論
  • 外部網站連結
  • 品牌搜尋量
  • 使用者停留時間
  • 回訪率

AI 幫你做 SEO 優化

PROMPT
請針對以下文章進行 SEO 優化建議:
[貼上文章]

請提供:
1. 建議的 SEO 標題(含關鍵字,60 字以內)
2. Meta description(155 字以內)
3. 建議的 H2/H3 小標題
4. 5 個相關的長尾關鍵字
5. 建議的內部連結錨點
6. 圖片 alt 標籤建議
OUTPUT
SEO 標題:...
Meta:...
H2 建議:...
長尾關鍵字:...

內容行事曆的四大要素

📅 發布日期

固定節奏讓讀者養成期待

📝 內容主題

提前規劃避免靈感枯竭

📱 發布平臺

不同平臺不同策略

📊 追蹤指標

數據回饋持續優化

用 AI 產生一個月的內容行事曆

👤
我經營一個「一人公司」主題的自媒體,目標受眾是想要離開職場自立門戶的上班族。請幫我規劃 4 月份的內容行事曆。每週 3 篇文章 + 1 期電子報。
🤖AI
📅 4 月內容行事曆 第一週:【主題:起步篇】 • 週一部落格:離職前必做的 5 項財務準備 • 週三 IG 圖文:一人公司 vs 接案,哪個適合你? • 週五部落格:如何在職期間建立副業 • 週日電子報:本週精華 + 讀者問答「我該現在離職嗎?」 第二週:【主題:技能篇】 • 週一部落格:一人公司必備的 7 個 AI 工具 ...

AI 圖片生成工具

01

Midjourney

高品質藝術風格圖片,適合品牌視覺

02

DALL-E 3

整合 ChatGPT,對話式生圖最方便

03

Canva AI

內建模板 + AI 生圖,社群圖片首選

04

Ideogram

文字渲染能力最強,適合含文字的圖

05

Leonardo AI

免費額度慷慨,風格控制靈活

社群圖片:有 AI vs 沒有 AI

改寫前 BEFORE

沒有 AI

  • 找免費圖庫碰運氣
  • 花錢請設計師做圖
  • 用 Canva 套模板千篇一律
  • 花 30 分鐘做一張圖
每張圖 30-60 分鐘
改寫後 AFTER

有 AI

  • 描述想要的畫面即生成
  • 風格一致的品牌視覺
  • 批量生成不同版本
  • 2 分鐘一張客製化圖片
每張圖 2-5 分鐘

自媒體排程工具推薦

Buffer — 免費版可排程 3 個平臺
Later — 專攻 IG 排程,視覺化日曆
Notion + Zapier — 客製化內容管理
Hootsuite — 企業級多平臺管理
Make.com — 自動化工作流程串接

80/20

內容分析的帕累托法則

通常 20% 的文章帶來 80% 的流量。找出你的「爆款公式」,然後不斷複製。

✍️ Practice

實作練習:打造你的一週內容

⏱ 25 分鐘
🎯

內容飛輪的核心觀念

內容飛輪不是「一直寫新文章」,而是讓每一篇內容都能持續發揮價值。一篇好文章可以變成社群貼文、電子報、Podcast 素材、短影音——每次轉換都觸及新的受眾,帶來新的流量。

內容飛輪成熟度自評

選題系統(有穩定靈感來源) 0%
生產流程(能穩定產出) 0%
一文多用(跨平臺分發) 0%
數據追蹤(知道什麼有效) 0%
讀者互動(有回饋迴路) 0%
持續產出不是靠意志力, 而是靠系統。

— James Clear

《原子習慣》作者

學員的真實經驗

用 AI 輔助寫作後,我從一週一篇變成一週五篇,而且品質更好了。關鍵是用 AI 打初稿,自己加入觀點和經驗。

👩‍⚕️
Linda 陳 營養師 / 自媒體經營者

我本來完全不會寫社群文案,但用 AI 的一文多用策略,部落格寫完就自動產生所有平臺的版本。省超多時間!

👨‍🎨
Kevin 張 設計師 / 副業創業中
🧠
你不需要當全能的內容創作者,
你只需要當聰明的內容策略家。
— 讓 AI 做苦力,你做決策

07

商品銷售頁設計

用 AI 打造高轉換率的銷售頁面

🎯

本章核心

你不需要會寫程式,也不需要買昂貴的電商平臺。用 Vibe Coding 就能做出專業的商品銷售頁,再串接金流收款。

銷售頁可以賣什麼?

不只是實體商品

📚 線上課程 知識付費、影音教學
📋 顧問服務 一對一諮詢、診斷報告
📖 電子書/模板 數位商品、範本下載
🎫 活動票券 工作坊、講座、課程
🛒 實體商品 手作、選物、代購
💼 會員方案 訂閱制服務、社群

高轉換銷售頁的五大區塊

01

Hero 區塊

一句話說清楚你賣什麼、對顧客有什麼好處——大標題 + 副標 + CTA 按鈕

02

痛點與需求

描述目標客群的困擾,讓人覺得「你說的就是我」

03

解決方案

你的商品/服務如何解決這些問題——功能特色、使用方式

04

社會認證

客戶見證、媒體報導、數據成果——建立信任感

05

行動呼籲

明確的購買按鈕、限時優惠、保證條款——推動下單

用 Vibe Coding 做銷售頁

👤
幫我做一個線上課程銷售頁。課程名稱是「AI 寫作實戰班」,售價 NT,980,目標客群是想提升效率的上班族。風格要專業但不冷冰冰。
🤖AI
好的!我來幫你建立銷售頁。先確認幾個重點: 1. 課程包含幾堂課?大約多長時間? 2. 有沒有學員見證或成果數據? 3. 付款方式想用什麼?(藍新金流、統一金流?) 4. 需要限時優惠的倒數計時器嗎? 我會先做出完整的銷售頁結構,你再告訴我哪裡要調整。
👤
8 堂課共 12 小時。有 3 個學員見證。用藍新金流。加倒數計時。
🤖AI
正在建立你的銷售頁... ✅ Hero 區塊 — 大標題 + 痛點副標 ✅ 課程大綱 — 8 堂課內容展開 ✅ 學員見證 — 3 張推薦卡片 ✅ 價格區塊 — NT,980 + 早鳥優惠 ✅ 倒數計時器 — 72 小時限時折扣 ✅ 藍新金流按鈕 — 串接付款連結 ✅ FAQ 常見問題 — 5 個 Q&A 預覽已開啟在 localhost:3000!

銷售頁設計對比

改寫前 BEFORE

沒吸引力的銷售頁

  • 標題只寫商品名稱
  • 大段文字沒有重點
  • 沒有客戶見證
  • 購買按鈕藏在最底下
  • 手機上跑版看不清楚
轉換率 < 1%
改寫後 AFTER

高轉換銷售頁

  • 標題直擊痛點與好處
  • 圖文並茂、區塊分明
  • 社會認證建立信任
  • CTA 按鈕重複出現多次
  • 響應式設計完美適配手機
轉換率 3-8%

AI 幫你搞定的設計細節

✍️

文案撰寫

AI 產出吸引人的標題、副標、產品描述,多版本 A/B 測試

🎨

視覺排版

自動產生專業的版面配置,不需要設計底子

📱

響應式設計

電腦、平板、手機自動適配,不用額外調整

🔍

SEO 優化

自動加入 meta 標籤、結構化資料,提升搜尋排名

速度優化

圖片壓縮、程式碼最佳化,載入速度飛快

📊

分析追蹤

內建 Google Analytics、Facebook Pixel 追蹤碼

✍️ Practice

實作:用 AI 設計你的銷售頁

  1. 1 選一個你想賣的商品或服務,用 Claude Code 建立銷售頁
  2. 2 決定你要賣什麼(課程、服務、商品)
  3. 3 列出三個目標客群的痛點
  4. 4 跟 AI 描述你的商品特色與價格
  5. 5 請 AI 產生完整的銷售頁
  6. 6 預覽並調整文案與配色
⏱ 25 分鐘 📎 Claude Code

7.2

金流串接

讓客戶在線上付款給你

💳

金流其實沒那麼難

所謂「串接金流」,就是在你的銷售頁上放一個付款按鈕,點了之後跳到金流公司的安全頁面完成付款,然後自動跳回你的「感謝頁」。就這樣。

臺灣三大金流方案

🔵

藍新金流 NewebPay

最多獨立創作者使用 支援信用卡、ATM、超商 申請門檻低 手續費 2.8%

🟢

綠界科技 ECPay

電商老牌首選 支援超商取貨付款 功能最完整 手續費 2.75%

🟠

統一金流 PAYUNi

統一集團旗下 品牌信任度高 整合 7-11 通路 手續費 2.5%

金流串接四步驟

1

申請帳號

到金流官網註冊商家帳號,準備身分證/營登

2

取得金鑰

登入後臺取得商店代號、HashKey、HashIV

3

設定付款

告訴 AI 你的金鑰,它幫你串接付款按鈕

4

測試上線

用測試模式確認流程,沒問題就切換正式環境

跟 AI 串接藍新金流

👤
幫我在銷售頁串接藍新金流。我的商店代號是 MS12345678,商品是「AI 寫作實戰班」NT,980
🤖AI
好的!我來幫你串接藍新金流: 1. 建立付款表單,傳送商品資訊到藍新 2. 設定付款成功後的「感謝頁」 3. 設定後臺通知(Notify URL) ⚠️ 請把你的 HashKey 和 HashIV 告訴我(這些是加密用的,不會顯示在前臺)
👤
HashKey 是 abc123... HashIV 是 def456...
🤖AI
串接完成! ✅ 付款按鈕已放在銷售頁 ✅ 支援信用卡 + ATM 轉帳 + 超商代碼 ✅ 付款成功自動跳到感謝頁 ✅ 目前是測試模式 你可以先用測試信用卡號試刷看看,確認沒問題再切正式。

藍新金流申請流程

1

註冊帳號

到 newebpay.com 點「免費註冊」,填寫基本資料

2

驗證身分

上傳身分證正反面(個人)或營登(公司)

3

等待審核

通常 1-3 個工作天完成審核

4

取得金鑰

審核通過後,到「商店管理」取得三組金鑰

5

串接測試

先用測試環境確認流程,再切換正式環境

金流支援的付款方式

讓顧客選擇最方便的付款方式

💳 信用卡 即時扣款,最常用
🏧 ATM 轉帳 產生虛擬帳號,3天內匯款
🏪 超商代碼 到超商繳費,適合沒信用卡的客群
📱 LINE Pay 手機快速付款

金流串接檢查清單

上線前逐一確認

金流帳號已通過審核,取得商店代號 + HashKey + HashIV
測試環境付款流程正常,付款成功會跳到感謝頁
後臺可以看到訂單紀錄
切換到正式環境
真實小額測試一筆

給初學者的金流建議

很多人一聽到「串接金流」就覺得很技術、很複雜。其實你只需要做兩件事:第一,到金流公司的網站申請帳號;第二,把金鑰告訴 AI,它會幫你搞定所有技術細節。

如果你是個人創業者,建議從藍新金流開始。它的申請最簡單、文件最少,而且有完整的測試環境讓你練習。等營收穩定了,再考慮加入其他金流方案。

記住:金流公司處理所有敏感的信用卡資料,你的網站不會接觸到任何卡號。這就是為什麼金流串接比你想像中安全得多。

銷售頁 + 金流的進階功能

⏰ 限時優惠

倒數計時器 + 自動調價 製造急迫感,提升轉換率

📧 自動通知

付款成功自動寄確認信 包含商品下載連結或課程入口

📊 銷售追蹤

即時看到訂單數、營收 分析哪個管道轉換最好

🔄 訂閱制

設定月繳/年繳方案 適合會員制服務

一頁銷售頁能創造的收入

NT 萬

單一課程年營收

↑ 真實案例

3-8%

平均轉換率

↑ 優化後

30 分鐘

建立一頁的時間

↓ 用 AI

/bin/zsh

平臺月費

省下電商平臺費用

真實案例分享

我用 Claude Code 花兩小時做了一個課程銷售頁,串上藍新金流,第一個月就收到 30 筆訂單。以前我覺得這要花好幾萬請人做。

🧘
小李 瑜伽老師

最驚喜的是金流串接比我想像中簡單太多了。AI 把所有技術都處理好,我只要把金鑰貼上去就搞定。

🧼
陳姐 手作皂賣家

以前用某電商平臺每月要付 NT,現在自己做銷售頁加金流,零月費,轉換率還更高。

🎓
阿凱 線上課程講師
最好的銷售頁不是最漂亮的,而是最能解決顧客問題的。先上線、先收錢,再慢慢優化。

— Vista Cheng

💡

本章核心觀念

一頁銷售頁 + 一個金流按鈕 = 一門生意的起點。不要想太多,先做出來再說。

銷售頁學習回顧

確認你的收穫

理解高轉換銷售頁的五大區塊
用 AI 實際建立了一個銷售頁
認識臺灣三大金流方案
了解金流串接的四個步驟
知道如何申請藍新金流帳號

08

報表與工具

讓 AI 幫你做報表、建工具、自動化分析

過去花三天做的月報,現在只需要三分鐘。差別不是你變懶了,而是你變聰明了。

— 一位導入 AI 報表的行銷主管

2025 年企業 AI 應用訪談

本章你會學到

上傳數據 → AI 自動產出圖表與洞察|自動化週報 / 月報產出流程|用 AI 打造專屬小工具(計算機、追蹤器、表單)|實戰:銷售報表、出勤追蹤器、預算規劃表

報表製作:傳統 vs AI 輔助

改寫前 BEFORE

Before

  • 手動整理 Excel 數據(2 小時)
  • 逐一製作圖表(1 小時)
  • 撰寫分析文字(1 小時)
  • 排版美化(30 分鐘)
  • 總計:4.5 小時
改寫後 AFTER

After

  • 上傳 CSV → AI 自動分析(30 秒)
  • AI 產出圖表 + 趨勢洞察(1 分鐘)
  • 調整措辭與格式(5 分鐘)
  • 一鍵輸出 PDF 或簡報(30 秒)
  • 總計:7 分鐘

Excel / CSV 數據分析流程

1

將 Excel 或 CSV 檔案丟給 Claude

2

「幫我分析這份銷售數據的趨勢」

3

AI 產出長條圖、折線圖、圓餅圖

4

AI 自動指出異常值與成長機會

實戰 Prompt:銷售月報分析

PROMPT
請分析這份 CSV 銷售數據:
1. 各產品線本月 vs 上月營收比較
2. 找出成長率最高和最低的品項
3. 產出三張圖表(營收趨勢、產品佔比、地區分布)
4. 用三句話總結本月重點
5. 給出下個月的三個行動建議

AI 報表對話實例

👤
(上傳 Q1_sales.csv)幫我做第一季銷售報告
🤖AI
我已分析完你的 Q1 銷售數據。以下是重點: 📈 總營收 $2.4M,較上季成長 18% 🏆 表現最佳:A 產品線(+32%) ⚠️ 注意:C 產品線連續兩月下滑 我已產出 3 張圖表和完整的 PDF 報告。
👤
幫我加上與去年同期的比較
🤖AI
已新增年度比較圖表。亮點:整體 YoY 成長 24%,其中臺北地區貢獻最大成長(+41%)。

三種自動化報表範本

📈

週報自動化

每週五下午自動彙整數據,產出團隊週報,寄送到指定信箱

📊

月報 Dashboard

每月 1 號自動更新 Notion 儀表板,含圖表、KPI 追蹤、趨勢分析

🔔

異常警報

數據超過閾值時即時通知,例如退貨率突破 5% 自動示警

AI 幫你打造的實用小工具

🧮

輸入規格自動算價

📋

自動統計遲到早退

💰

月度預算自動分配

📦

低庫存自動提醒

🎯

進度自動更新

📝

情緒分析自動標籤

Prompt:打造出勤追蹤器

PROMPT
幫我建立一個出勤追蹤系統:
- 輸入:員工姓名、打卡時間
- 自動判定:準時 / 遲到 / 早退
- 月底自動統計每人出勤狀況
- 產出格式:Excel 表格 + 摘要報告
- 遲到超過 3 次的自動標記提醒

AI 報表工具的實際成效

87%

報表製作時間縮短

3x

分析深度提升

95%

數據正確率維持

stable

₂₀+

可自動追蹤的指標數

報表工具比較

改寫前 BEFORE

傳統方式

  • Excel 手動做圖表
  • 每次都要重新整理
  • 格式不一致
  • 無法自動更新
  • 分享不方便
每週花 3 小時
改寫後 AFTER

AI + 自動化

  • 一句話產出專業圖表
  • 設定排程自動產生
  • 風格統一專業
  • 數據即時更新
  • 一鍵分享連結
每週花 5 分鐘
✍️ Practice

🎯 練習:製作你的第一份 AI Dashboard

⏱ 15 分鐘
💡

報表的關鍵心法

好的報表不只是呈現數字,而是回答一個問題:「所以我們下一步該做什麼?」AI 能幫你從數據中挖出洞察,但最終的決策判斷仍然是人的價值。

報表工具學習確認

確認你已掌握以下技能

能上傳 CSV / Excel 讓 AI 自動分析
能用 Prompt 指定圖表類型與分析角度
理解自動化週報 / 月報的設定流程
能用 AI 打造至少一種實用小工具

09

自動化資訊蒐集

讓 AI 當你的專屬情報分析師

為什麼你需要自動化資訊蒐集?

每天有超過 250 億篇新聞文章、社群貼文、部落格發布到網路上。靠人力追蹤根本不可能。

但你不需要看「所有」資訊,你只需要看「對你重要的」那 1%。

AI 可以幫你在海量資訊中,自動篩選出真正值得關注的內容——每天早上打開手機,你的個人日報就已經準備好了。

AI 情報分析師能做的事

自動監控特定產業 / 競爭對手 / 話題的最新動態|彙整國內外新聞,產出每日摘要報告|追蹤社群媒體討論熱度與輿論風向|偵測趨勢變化,提前發出預警|依你的偏好自動過濾雜訊,只給你重點

資訊過載的真相

250 億

2.5 小時

73%

1%

打造你的 AI 日報系統:五步驟

1

列出你要追蹤的主題與關鍵字

2

設定 RSS、新聞網站、社群平臺

3

Claude Code 自動抓取最新內容

4

AI 過濾雜訊、摘要重點、評估重要性

5

每天早上收到整理好的日報

四大資訊來源類型

📰

新聞網站 / RSS

國內外主流媒體、產業專門媒體、部落格。用 RSS 訂閱自動追蹤更新。

🐦

社群媒體

X(Twitter)、Reddit、LinkedIn。追蹤意見領袖與產業話題。

💬

臺灣在地論壇

PTT、Dcard、Mobile01。掌握臺灣市場的真實討論與消費者心聲。

🔌

API 與資料庫

Google News API、NewsAPI、政府公開資料。結構化數據自動匯入。

Prompt:設定每日新聞監控

PROMPT
幫我建立一個每日新聞監控系統:

追蹤主題:
- AI 產業最新發展
- 臺灣數位轉型政策
- 競爭對手動態(列出 3-5 家公司名)

資訊來源:
- 科技新報、TechCrunch、The Verge
- PTT 科技板、Dcard 工作板

輸出格式:
- 每天早上 8:00 產出日報
- 分成「必讀」「值得關注」「背景知識」三個層級
- 每則新聞附上一句話摘要 + 重要性評分(1-5)

AI 日報對話示範

👤
今天有什麼值得關注的產業新聞?
🤖AI
📬 今日 AI 產業日報(3/23) 🔴 必讀(2 則): 1. OpenAI 發布新模型,效能提升 40%(重要性 ★★★★★) 2. 臺灣經濟部公布 AI 補助方案,最高 500 萬(★★★★★) 🟡 值得關注(3 則): 3. Google 推出企業版 AI 代理人(★★★★) 4. PTT 熱議:「用 AI 被老闆發現會怎樣?」(★★★) 5. 日本軟銀加碼投資臺灣 AI 新創(★★★★)
👤
第 2 則幫我展開詳細內容
🤖AI
臺灣經濟部「AI 產業應用補助計畫」重點: 💰 補助金額:單案最高 500 萬,中小企業優先 📅 申請截止:2026/6/30 ✅ 適用範圍:AI 導入、人才培訓、系統建置 ⚠️ 建議行動:立刻開始準備提案書,我可以幫你草擬。

資訊過濾漏斗

原始資訊 500+ 則 / 天
所有來源的原始內容
關鍵字過濾 80-120 則
符合追蹤主題的內容
AI 相關性評分 20-30 則
AI 判定與你高度相關
每日精選 5-10 則
真正值得你花時間閱讀的

三種過濾策略

🔑

關鍵字過濾

設定必須包含 / 排除的關鍵字。例:包含「AI」+「臺灣」,排除「廣告」「業配」。

😊

情感分析過濾

AI 判斷文章情緒傾向。篩選負面評價(危機監控)或正面報導(機會發現)。

🎯

相關性評分

AI 根據你的歷史偏好,為每則資訊打 1-5 分。只推送 4 分以上的內容。

日報的多種輸出格式

📧

每天早上寄到信箱

📝

自動更新到資料庫

💬

即時推送到手機

📊

團隊共享情報頻道

📄

可列印的正式報告

🔊

通勤時用聽的看新聞

資訊來源:國際 vs 臺灣

改寫前 BEFORE

國際資訊源

  • TechCrunch / The Verge
  • Hacker News / Reddit
  • Bloomberg / Reuters
  • arXiv 學術論文
  • X (Twitter) 趨勢
全球視野
改寫後 AFTER

臺灣本地資訊源

  • 科技島 / iThome / INSIDE
  • PTT / Dcard 熱門討論
  • 經濟日報 / 商周
  • Facebook 社團與粉專
  • LINE TODAY 熱門
在地洞察

社群輿情監控的應用場景

🏢 品牌聲譽監控
🆚 競爭對手追蹤
🔥 熱門話題偵測
😤 客訴預警系統
📣 行銷活動成效
💡 產品需求洞察
🗳️ 政策風向監控
📈 產業趨勢追蹤

Prompt:社群討論監控

PROMPT
幫我監控以下社群平臺的討論:

平臺:PTT(Tech_Job, Soft_Job, Gossiping)、Dcard(工作板、科技板)

追蹤關鍵字:
- 正面:「推薦」「好用」「提升效率」
- 負面:「難用」「取代」「失業」
- 品牌:「我們公司名稱」「競爭對手名稱」

每天產出:
1. 討論熱度排行(最多人討論的話題)
2. 情緒分析摘要(正 / 中 / 負面比例)
3. 值得回應的貼文清單(附連結)

進階功能:AI 趨勢偵測

1

關鍵字蒐集

基礎的資訊聚合與過濾

2

主題聚類

AI 自動將相似新聞歸類整理

3

趨勢偵測

發現討論量異常上升的話題

4

預測分析

根據歷史模式預測未來趨勢

Claude Code 排程範例

text
# 用 Claude Code 設定排程任務
# 不需要寫程式,用自然語言就能完成

排程指令:
「每天早上 8:00,幫我做以下事情:
 1. 抓取我追蹤清單中所有來源的最新內容
 2. 用我的過濾規則篩選
 3. 產出日報,寄到我的 Email
 4. 如果有重要突發新聞,額外發 LINE 通知」

# Claude Code 會自動幫你建立排程
# 你只需要確認一次設定就好

學員心聲

我以前每天花一個半小時看新聞,現在只要花十分鐘看 AI 幫我整理的日報,而且反而不會漏掉重要資訊。省下來的時間拿去做更有價值的事。

📰
陳先生 科技公司產品經理

四個常見應用情境

👔

求職者

追蹤目標公司動態、產業薪資趨勢、新職缺發布,面試前自動產出公司研究報告。

📱

行銷人員

監控品牌口碑、追蹤競品活動、偵測熱門話題,第一時間掌握行銷機會。

🏪

小型創業者

追蹤產業法規變動、補助機會、市場趨勢,一個人也能有情報團隊的效果。

📚

研究人員

自動追蹤學術新論文、會議消息、領域突破,永遠掌握最新研究進展。

✍️ Practice

🎯 練習:建立你的個人每日新聞日報

⏱ 20 分鐘

學完之後你的情報能力

資訊蒐集效率 90%
重要新聞掌握度 85%
競爭對手追蹤 80%
趨勢預判能力 70%
資訊焦慮程度 15%

資訊蒐集學習確認

自動化資訊蒐集的核心技能

理解 AI 情報分析師的運作邏輯
能設定關鍵字、來源、過濾規則
能撰寫新聞監控的完整 Prompt
了解社群輿情監控的應用場景
能設定排程,讓日報自動產出
知道如何從蒐集進階到趨勢偵測

10

行動計畫與總結

從今天開始,成為 AI 協作高手

學 AI 最大的風險不是學不會,而是學了不用。行動,才是最好的老師。

— Vista Cheng

自由人學院核心理念

30 天學習路線圖

1

基礎對話

熟悉 AI 對話、撰寫基礎 Prompt、完成 10 次實際對話練習

2

工作整合

將 AI 融入日常工作流程:郵件、報告、會議紀錄

3

進階應用

自動化報表、資訊蒐集、建立個人工具

4

系統建立

打造個人 AI 工作系統,建立可重用的 Prompt 庫

Week 1:基礎對話(第 1-7 天)

1

註冊 Claude,完成基本對話練習

2

學會角色設定、追問技巧、輸出格式控制

3

用 AI 完成一項實際工作任務

4

回顧本週心得,寫下 3 個最有用的 Prompt

Week 2-4:從整合到系統化

W2

建立效率對比

每天用 AI 處理 3 項日常工作,記錄花的時間與成果,跟過去自己比較。

W3

啟動自動化

設定第一個自動化任務——日報、週報,或固定追蹤的資訊摘要。

W4

建立 Prompt 庫

整理個人 Prompt 庫,至少收錄 20 個常用模板,分類存放方便重複使用。

推薦學習資源

📖

書籍

《ChatGPT 提問課》(Vista Cheng 著)、Anthropic 官方文件、Prompt Engineering Guide

🌐

線上社群

自由人學院 Discord、Anthropic 官方社群、Facebook「AI 應用交流」社團

🎓

進階課程

自由人學院完整課程(solo.tw)、Coursera AI for Everyone、Google AI Essentials

Claude 方案比較

🆓 Free

免費方案 免費但無 Claude Code 適合初次體驗 不含 Claude Code

⭐ Pro $20/月

最受歡迎! 足夠日常使用 完整 Claude Code 包含 Opus 模型

🚀 Max $100/月

5 倍 Pro 使用量 適合重度使用者 更多平行任務 優先回應速度

💎 Max $200/月

20 倍 Pro 使用量 專業工作者首選 最高優先權 無限制 Opus

常見地雷與避坑指南

過度依賴不驗證
一次問太多問題
不給具體背景
期待 100% 完美
當成聰明助手用
迭代修改到滿意
建立 Prompt 模板
持續練習不間斷

AI 不會取代你,但會用 AI 的人會

這不是一句嚇人的口號,而是已經在發生的現實。

好消息是:你已經來到了這裡,學完了這堂課。你已經比 90% 的人更早開始行動。

接下來最重要的一件事:今天回去,就用 AI 完成一項工作。不管多小都好。行動的力量,遠大於知識的累積。

學習總複習(上)

回顧你在前五個章節中學到的技能

理解 AI 的本質與能力邊界
掌握 Prompt 撰寫的核心技巧
學會用 AI 處理文字工作(郵件、摘要、翻譯)
能用 AI 輔助簡報與視覺化內容製作
掌握 AI 輔助寫作與內容創作流程

學習總複習(下)

回顧你在後五個章節中學到的技能

學會用 AI 進行資料研究與分析
理解 AI 在團隊協作中的應用
能用 AI 製作報表與打造實用工具
能建立自動化資訊蒐集與日報系統
擁有明確的 30 天行動計畫

離開教室前,請記住這三件事

AI 是最強大的免費助手——善用它,等於多請了一個不用付薪水的同事|Prompt 是你和 AI 溝通的語言——練習越多,結果越好|行動比知識重要——今天就開始用,不要等到「準備好」

開始你的 AI 協作之旅

Vista Cheng

vista.tw

自由人學院 — solo.tw

加入自由人學院 →