行銷人的 AI 超能力：用 Vibe Coding 把想法變成上線的銷售頁與品牌網站
▲ 當你能用對話做出一個銷售頁，世界就不一樣了。
前幾天，我剛結束一場企業內訓的工作坊。二十多位學員之前都沒寫過程式，三個小時之後，每個人都帶著一個自己親手做、剛剛部署上線的網頁作品離開教室。
那是一種很特別的氣氛。不是「我學了一個新工具」，而是「我突然意識到自己可以做到一件以前不敢想的事」。
如果你也是行銷人，如果你也曾經因為「需要工程師排程」、「設計師檔期排到下個月」、「外包預算又被砍」而咬牙切齒過——那麼，這篇文章就是特別寫給你的。
行銷人的隱形天花板
我在企業教育訓練現場待了十五年，看過太多優秀的行銷人才被同一種困境困住：他們的腦袋跑得比手快。
一個資深的行銷經理，看到競品上線新活動的下午，她已經在腦海裡擬好一份反擊提案——從主視覺、文案調性到轉換動線，全都想好了。但她接下來要做的事情，是寫一份需求文件、找設計師討論、等工程師排程、來來回回修改五輪。等到頁面真正上線，競品的活動可能都已經結束了。
這就是行銷人的隱形天花板。不是創意不夠、不是判斷不準，而是從想到到做到之間，卡著太多人、太多流程、太多等待。
根據 HubSpot 在 2025 年的 State of Marketing 報告，已經有 72% 的行銷專業人士在日常工作中使用某種形式的 AI 工具。但你仔細看會發現，大部分人用的還是輔助型 AI——寫文案、做摘要、改翻譯。這些當然有用，但它們解決的是「想得更快」的問題，沒有真正解決「做得更快」的瓶頸。
真正的瓶頸，從來不在發想階段。瓶頸在於——當你想到了，你能不能自己把它做出來？
Vibe Coding：一個由 Andrej Karpathy 命名的新時代
2025 年初，Tesla 前 AI 總監 Andrej Karpathy 在社群媒體上拋出了一個新詞：Vibe Coding。
他描述自己的工作方式時說：「我不再真正寫程式了，我只是用英文描述我想要的東西，然後看著 AI 把它做出來。如果覺得差不多對了，我就接受它。」
這句話聽起來輕描淡寫，但其實打開了一道很重要的門。它的意思是——寫程式這件事，從此不再是工程師的專利。任何能夠清楚描述自己想要什麼的人，都可以出一張嘴，讓 AI 寫出一個能用、能跑、能上線的數位作品。
而行銷人，恰恰是這個世界上最擅長描述的一群人。
▲ 行銷人原本就在做「用語言把腦中畫面轉換成具體執行」這件事。
你想想看，行銷人每天都在做什麼？定位、寫 brief、做提案、跟設計師討論視覺方向、跟工程師說明功能需求——本質上，你早就在做「用語言把腦中的畫面轉換成具體執行」這件事。Vibe Coding 沒有要你變成工程師，它只是把你已經會的能力，銜接到了一個前所未有的執行管道。
我常跟學員講一句話：「Vibe Coding 的品質，七成取決於你的描述能力，只有三成取決於 AI 的技術。」這句話真正想說的是——身為行銷人，你比任何人都更適合走進這扇門。這也是為什麼我之前寫過一篇文章談 意圖驅動的溝通：能不能把意圖講清楚，是 AI 時代最關鍵的職場能力。
認識 Claude Code：你的二十四小時待命工程師
工具的選擇很多，但我這幾年實際在課堂與企業內訓現場推廣下來，最推薦行銷人從 Claude Code 開始。
Claude Code 是 Anthropic 公司所推出的 AI 程式設計助手。但別被「程式設計助手」這幾個字嚇到——它真正的樣貌，比較像是一個坐在你電腦裡、隨時待命的全端工程師。你用自然語言告訴他要做什麼，他就動手把檔案寫出來，直接存進你的電腦。
噢，對了！前面提到的 Andrej Karpathy，剛在 5 月 19 日於 X 上宣布加入 Anthropic。
舉個例子。在工作坊現場，我會請學員打開終端機，輸入這麼一句話：
「幫我建立一個簡單的 HTML 網頁，標題是『歡迎來到我的品牌』，背景用淡藍色漸層。」
十秒之內，index.html 出現了。打開瀏覽器，一個漸層背景、置中標題的頁面立刻呈現眼前。學員的反應通常是兩種——一種是「呃，就這樣？」，另一種是沉默幾秒之後輕聲說：「這⋯⋯改變了一些事情。」
對，這就是改變的起點。
▲ 別追求一次到位，學會這個五步循環，你就能用對話打磨任何作品。
我特別想提醒你一個觀念：你完全不需要看懂程式碼。就像你不需要理解汽車引擎的運作原理才能開車，你也不需要懂 HTML、CSS、JavaScript 才能用 Claude Code。你只要會說人話——而身為行銷人，這恰恰是你的本業。
如果你想讓 Claude Code 變得更聽話，我會建議你在專案資料夾裡建立一個叫做 CLAUDE.md 的檔案，把你的品牌色、字型偏好、目標受眾、語調風格全都寫進去。這個檔案就像是「給 AI 的工作說明書」，每次他啟動時都會自動讀取。你的品牌指南（Brand Guidelines），從此有了一個會自動執行的版本。
Cowork：當 AI 成為你的虛擬團隊
如果 Claude Code 是你的工程師，那 Cowork 就是你的整個團隊。
Cowork 是 Claude 推出的協作功能，讓你可以在同一個專案空間裡，跟 AI 進行更深度、更長期的合作。你可以上傳品牌指南、過往案例、產品資料，讓 AI 完整掌握你的品牌脈絡——之後不管你是要規劃活動、撰寫提案、做競品分析，它都已經知道你是誰、你在乎什麼、你的客戶長什麼樣子。
▲ 想清楚要做什麼，交給 Cowork；把它做出來，交給 Claude Code。
我自己的工作分配邏輯很簡單：用 Cowork 想清楚要做什麼，用 Claude Code 把它做出來。
Cowork 適合策略型、思考型、需要長脈絡的工作。比方說，你要規劃下一季的內容行事曆、要寫一份新品上市企劃書、要分析三個競品的市場定位——這些「需要想」的事情，丟給 Cowork。
Claude Code 則適合產出型、執行型、直接變成作品的任務。銷售頁、活動頁、報名系統、EDM 範本——這些需要做的事情，交給 Claude Code。
當你能熟練地在這兩者之間切換，你就擁有了一個極具效率的一人行銷團隊。這不是誇飾——我認識好幾位獨立顧問與小型工作室主理人，就是靠這套組合拳，撐起了原本需要五六人團隊才能應付的客戶量。這也正是 一人公司的核心精神：用 AI 把專業變成可規模化的影響力。
🛰️ 想在 AI 變動的浪潮裡，有人陪你看清楚一點？
你看到的公開文章，幾乎都是反覆打磨後的成品。但我自己最珍惜的，反而是成品之前那些還帶著溫度的判斷——這正是我做 Vista AI 靈感補給站 的原因：每週一封寫給 AI 時代同行者的思考札記，把那些不會出現在正式文章裡的吉光片羽，分享給願意走近一點的你。
第一個實戰場景：讓銷售頁不再是設計師的恩賜
行銷人最常需要的數位作品是什麼？我相信九成的答案會是：銷售頁（Landing Page）。
不管你做電商、辦課程、推服務或賣訂閱，你一定需要銷售頁。而銷售頁的特殊之處在於——它的「設計品質」與「轉換率」息息相關。一個糟糕的銷售頁，流量再多也無法變現；一個優秀的銷售頁，可以把同樣的廣告預算的 ROI 拉高三倍以上。
根據 Unbounce 的轉換率基準報告，業界平均的 Landing Page 轉換率大約是 2.35%，但頂尖的銷售頁可以做到 11.45%。這之間的差距，不是「有沒有銷售頁」，而是「銷售頁做得好不好」？
▲ 把這個結構交給 Vibe Coding，一個下午就能跑完整套銷售頁。
那麼，一個好的銷售頁該怎麼結構？我在課堂上會教學員一個簡單但有效的四段式架構：第一段是 Hero 區——第一個畫面的一句話賣點，加上一個明確的 CTA 按鈕。這個區塊只有一個任務：在三秒內讓訪客知道你能幫他解決什麼問題？
第二段是痛點到解方的橋接。先列出目標受眾日常碰到的三個典型困擾，引發共鳴；然後接續展開你的產品或服務如何回應這些困擾。這個結構符合人類大腦的認知慣性——先有共鳴、再聽建議，接受度會高很多。
第三段是社會證明。舉凡客戶見證、媒體報導、合作品牌或累積成果——任何能夠降低決策疑慮的內容，都該放在這裡。記住，人們不只買產品，他們買的是「不會後悔的安全感」。
第四段是價格與行動呼籲。像是明確的定價、限時的優惠與清晰的下一步。我習慣會加上倒數計時器與名額提示，善用稀缺性原理推動行動。
把這個架構寫成 Vibe Coding 的提示語，就是這樣的句子：
「幫我做一個課程銷售頁。課程名稱：『AI 行銷實戰班』。價格：NT$4,980（原價 NT$8,800）。結構需要 Hero 區、痛點卡片、課程大綱、講師介紹、學員見證、FAQ、最後 CTA。風格走 Apple 簡約感，主色用深藍 #1a365d，CTA 按鈕用橘色 #FF6B35。記得做響應式設計，手機版優先。」
把這段話貼進 Claude Code，大約一兩分鐘後，你的銷售頁雛形就出現了。然後你開始迭代——「Hero 區改深色背景、文字改白」、「價格區加上原價刪除線」、「FAQ 改成手風琴點選展開」——每一輪追問，頁面就越貼近你心中的樣子。
這就是 Vibe Coding 的真正精髓。它不是一次到位，而是快速迭代。你不需要在腦中想清楚所有細節才開始，你只需要先生出一個「差不多的版本」，然後在那個版本上持續修剪、微調與打磨。
第二個實戰場景：讓品牌有個體面的數位門面
銷售頁是單頁、單目標的衝刺型作品；品牌網頁則是多頁、多目的的長期投資。
過去十年，我看過太多個人品牌與小型工作室，卡在「沒有一個像樣的官網」這件事上。不是不想做，而是要嘛預算不夠、要嘛找的廠商做出來不像自己、要嘛上線之後想改點東西又得發包重做。
Vibe Coding 徹底改變了這個遊戲規則。你可以在一個下午內，做出一個包含首頁、關於我們、服務項目、作品集、聯絡我們的完整品牌網站，而且從此你想改什麼都可以自己改——這才是真正的「擁有自己的網站」。我自己的個人形象站 vistacheng.com 就是這樣一塊一塊用 AI 蓋起來的，從版型到文案完全照我的節奏。
▲ 四個基本盤頁面，先做元件再組頁面，未來改一處就全站生效。
做品牌網頁有四個關鍵頁面是基本盤。首頁負責建立第一印象，五秒內讓訪客知道你是誰、你能幫他什麼；關於我們頁面負責建立信任，從「知道你」轉變為「相信你」；服務或產品頁面負責呈現具體價值；聯絡我們頁面則是讓有意願的人能立刻找到下一步行動的入口。
在執行上，我會建議你先做元件、再組頁面。也就是說，先請 Claude Code 把導覽列、頁尾或按鈕樣式等共用元件做好，並用 CSS 變數統一管理品牌色與字型——這樣未來不管你要改什麼，改一處就全站生效。這是我從工程師朋友身上學到、最受用的一個觀念，也讓你的品牌網站具備了真正可維護、可擴充的體質。
部署：讓你的作品真正進入這個世界
把網站做出來只是第一步，讓它「上線」才算完整。這個步驟過去聽起來很複雜，需要租伺服器、設定 DNS、處理憑證——但現在，真的就是幾分鐘的事情。
我最推薦給初學者的是 Cloudflare Pages 與 Netlify。兩者都有夠用的免費方案、自動 HTTPS、全球 CDN 加速、甚至支援自訂網域。Netlify 的優勢是新手友善——把資料夾拖進網頁，幾秒鐘就部署完成；Cloudflare Pages 則適合長期經營，擁有更穩定的效能與更彈性的設定。
部署這件事，我會建議你第一天就學會。不要把「做完」跟「上線」這兩個階段拉得太遠。當你的作品還只在你電腦裡的時候，它就只是一個檔案；當它有了一個全世界都能造訪的網址，它才真正成為「你的數位資產」。
而且，把作品快速上線還有一個隱性的好處：你會開始用「實際使用者」的視角看自己的作品。在自己電腦上看的時候，什麼都覺得不錯；上線之後用手機開啟、傳給朋友看、貼到社群分享——你會立刻發現一堆需要調整的地方。這種來回打磨的過程，才是真正讓你的作品變好的關鍵。
把 AI 融進你的日常工作流
學會工具，只是起點。真正的效率提升，來自於把 AI 系統性地嵌入你的工作流程。如同我先前在 拆解你的 AI Agent 工作流 那篇文章所說的——AI 真正的價值，不是疊加在舊流程上，而是重新設計整套流程。
▲ 策略思考交給 Cowork，執行產出交給 Claude Code，工作流就跑得起來。
我自己長期使用下來，整理出三條最常用的行銷工作流，提供給你參考。
第一條是新品上市流程。我會先用 Cowork 做競品分析與策略規劃，產出一份完整的上市計畫書；接著用 Claude Code 做銷售頁；再回到 Cowork 撰寫 EDM、社群貼文、媒體稿等行銷素材；最後部署上線並接上 GA4 追蹤資料。整個流程過去可能需要兩到三週，現在壓縮到兩到三天就能完成。
第二條是活動行銷全流程。用 Cowork 做活動企劃與宣傳文案，用 Claude Code 做活動頁與報名系統，部署後追蹤報名資料，活動結束後再用 Cowork 整理成效報告——一個完整的活動週期，可以由一個人從頭到尾獨立完成。
第三條是內容行銷的日常產出。用 Cowork 做內容行事曆規劃與長文撰寫，用 Claude Code 把重要文章做成精美的網頁版本，再用 Cowork 改寫成各社群平臺的貼文。一篇核心內容，可以被有效率地擴充成十幾種應用形式。
這些工作流的共同特徵是——策略思考交給 Cowork，執行產出交給 Claude Code。當你能熟練地在這兩種模式之間切換，你的個人產能會出現一次質的躍升。
寫在最後：行銷人的時代，才剛剛開始
在很多企業內訓或是公開班的場合，我常常被問一個問題：「AI 會不會取代行銷人？」
我的答案是——不會，但會用 AI 的行銷人，會取代不會用 AI 的行銷人。
這個答案聽起來有點老套，但其實非常嚴肅。我們正在經歷的，不是行銷人的消失，而是行銷人的能力疆界擴張。過去，行銷人的能力邊界，被技術門檻擋在外面；從現在開始，這道牆塌了，你的創意、判斷與洞察，可以直接被你自己的手實現出來，不需要等任何人、不需要排任何隊。
嗯，這是行銷人最幸福的時代。但它同時也意味著——過去那種「我有想法就好，執行交給別人」的工作模式，正在快速失效。當其他行銷人都能在三小時內把想法變成上線作品，你還在寫需求文件、跑流程或是傻傻等回應的話，你的競爭力會被悄悄地、無聲地稀釋掉。
我想用 Andrej Karpathy 的那句話再次提醒你：「我不再真正寫程式了，我只是用英文描述我想要的東西。」這句話的關鍵其實不是「不寫程式」，而是「我描述，然後它出現」——這正是行銷人最熟悉的工作模式。說到底，Vibe Coding 不是新東西，它只是把行銷人原本就在做的事，銜接到了一個全新的執行管道。
所以，別把這篇文章只當成介紹工具或推銷課程的文章來讀。嗯，請把它當成一封寫給你的邀請函——邀請你走進一個新的工作方式、一種新的可能性與一段新的職涯篇章。
你不需要等到完全準備好才開始。你只需要打開 Claude Code，輸入第一個句子：「我想做一個⋯⋯」
剩下的，就交給時間與練習。
我們相信，你已經擁有最重要的東西——對市場的理解、對使用者的同理心和把事情做好的決心。AI 只是讓你跑得更快的翅膀。
我相信，接下來起飛的人，會是你。
🚀 想做出屬於自己的數位產品，卻不知道從何下手？
Dan Koe 說：一人公司的核心就是把知識產品化。但如果你不會寫程式，該怎麼把腦中的點子變成真正的產品？
答案是 Vibe Coding——用 AI 幫你寫程式。在 Vibe Coding × Claude Code 實戰工作坊 中，我會手把手帶你從零開始，用 AI 把想法變成可運作的網站、工具和數位產品，不需要任何程式基礎。
👉 立即了解課程 →
