AGENT SKILL 一日工作坊 · 案例單元

本機做的漂亮頁面
一句話變成能傳給客戶的網址

AI 兩分鐘生一頁漂亮的 HTML，卻只能在你電腦上打開。這支 skill 一句「幫我部署」，就變成能直接傳出去的網址。

cloudflare-deploy · 純文字 skill 7 頁 · 案例單元素材來源 Ordilux 自用

先講清楚痛在哪

頁面做得美美的卻只有你打得開

AI 生一頁漂亮文件，兩分鐘就好。難的不是做，是怎麼送到客戶眼前。

只有本機打得開

網址是 file:///…，換台機器、傳出去就打不開。

傳檔給客戶超不專業

寄 .html 過去，對方雙擊常開不出來、圖跑掉、樣式壞。第一印象就毀了。

自己架上線又太重

得自己搞一堆技術設定，還會撞上認證的坑。為一個一次性頁面搞這些，沒人想做。

做出漂亮頁面已經很簡單。難的是怎麼體面地送到對方眼前。

同一件事，兩種人生

手動部署 vs 有 skill

同一個目標：本機頁面變成能傳出去的網址。左邊徒手做，右邊一句話。

手動，每次都這樣

✕先想起來要用哪個工具上 CF
✕查文件：到底下哪個指令、帶什麼參數
✕跑下去，撞一個看不懂的登入錯誤
✕Google 半天，才查到怎麼解
✕好不容易上線，網址、設定還得自己顧

有 skill，一句話

✓「幫我把這個網頁部署上去」
✓該用的工具、指令，它全記著
✓認證？它早設好了，你不會看到那行錯誤
✓整包上傳，沒動到的地方不受影響
✓直接給你一條公開網址，客戶點開就看得到

差別不在快多少，而在「不必懂」。skill 把五步壓成一句話，連你不知道會踩的坑都先替你閃掉。

你不用懂的，它都包了

要自己上線得搞懂一堆交給 skill 一句話

「部署」聽起來一個動作，背後其實是一堆「踩過才懂」的眉角。

自己來，你得會這些

✕用哪個工具、下什麼指令
✕怎麼通過登入認證（最容易卡）
✕這頁該發去哪、對外給哪個網址
✕出錯了怎麼查、怎麼修

每一項都要 Google 半天，非工程的人很容易卡死。

交給 skill，你只做一件事

說一句「幫我把這頁部署上去」

✓上面那一堆，skill 全記著、自動處理
✓連最容易卡的認證，也先幫你解掉
✓最後給你一條能直接傳人的正式網址

skill 沒發明新技術。它把那些「踩過才懂」的眉角寫成明文交給 AI。你不必先變成工程師。

一個真實的坑，被永久收掉

「明明登入了卻說沒登入」

這支 skill 最珍貴的一段：一個第一次一定會中、查半天才解的坑。

坑長這樣

✕部署時跳出錯誤，說「你沒登入」
✕但你明明剛剛才登入過
✕查了半天，到處都查不到為什麼

第一次碰的人，卡在這裡半小時，一直懷疑是自己的問題。

skill 怎麼收掉

✓它把這個坑＋解法記死了
✓部署前先處理好，錯誤永遠不再出現
✓連「金鑰不能外洩」的安全規矩都一起寫進去

你根本不會看到這個錯誤。skill 替你先擋掉了。

這就是 skill 真正的威力。把一個踩過、痛過的坑，連同解法永久封存。你省下的不是打字，是那半小時的鬼打牆。

收斂成一個動作

一行 deploy自動印出公開網址

你說一句要部署，剩下的三件事 skill 一氣呵成。

# 你只說一句「幫我把這個頁面部署上去」 # skill 在背後一氣呵成 ① 處理好登入認證 → 閃過那個認證坑 ② 把整包頁面上傳 → 覆蓋式，不誤傷 ③ 印出公開網址 → 你的頁面.pages.dev

整包覆蓋

整包上傳，你這次沒動到的其他文件原封不動。不怕誤傷。

一條公開網址

誰點都打得開，直接貼給客戶、貼進 Slack。想更專業，還能綁上你自己的網域。

能點的連結

你拿到的不是一堆 log，是能直接貼給客戶、貼進 Slack 的正式網址。

從「只有我看得到」到「一條能傳給客戶的網址」，就是這一頁。中間那些坑一個都不必經過。

帶回去用

你做的任何網頁，都能這樣上線

第一層 · 直接用

任何 HTML 都適用

這份簡報、一份報價單頁、一個活動頁，做好就一句「幫我部署」，立刻拿到對外網址。

第二層 · 學寫法

學它怎麼封坑

真正教的不是 CF，是一種寫法：把踩過的坑、解法、紀律寫進 skill。下次同樣的坑，AI 自動替你閃。

素材來源：cloudflare-deploy 是 Ordilux 自用的部署 skill，封裝公司帳號設定、文件中心結構與認證解法。屬內部資產，這裡作為「把坑固化成 skill」的教學範例。

SKILL · cloudflare-deploy · 內部資產 · 教學範例用途

本機做的漂亮頁面一句話變成能傳給客戶的網址