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

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

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

7 頁 · 案例單元 cloudflare-deploy · 純文字 skill 素材來源:Ordilux 自用
aha:本機只有你看得到的頁面,一句「幫我部署」,幾秒變成能貼給客戶的網址。

先講清楚痛在哪

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

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」的教學範例。