用 AI 做一個頁面，掛到你的網站上

Vibe Coding 最實用的起手式——不用學程式，一小時搞定一頁活動頁面

你有沒有過這種經驗？

想幫活動做一個好看的頁面，但設計師報價太貴、自己改模板又改不出想要的感覺。

你知道 AI 很厲害，但每次打開工具，還是不知道從哪裡開始。

現在，你只要「用講的」，告訴 AI 你想要什麼畫面，它就幫你生出一個完整的網頁。

而且，如果你已經有自己的網站——你可以直接把這個頁面掛上去，馬上上線。

這堂課你會學到

• 怎麼用 AI 產出一個完整的網頁頁面（不用學任何程式語言）
• 怎麼把這個頁面放到你現有的網站上，讓它直接上線
• 適合拿來做什麼：活動頁面、課程介紹、作品集、讀書會專頁、個人品牌頁
• 完整示範：從零開始，到掛上你的網站，一小時帶你走完全程

這堂課適合你嗎？

✅ 適合你，如果你：

• 已經有自己的網站（有網址、有主機空間）
• 想幫活動、課程、產品做一個好看的專屬頁面
• 不會寫程式，但願意跟著操作
• 想知道 Vibe Coding 到底能怎麼實際用在工作上

🌐 不限系統——WordPress、Wix、Squarespace、Shopify、Compassio⋯⋯什麼平台都可以。只要你的網站能放 HTML，這招就能用。這不是某個系統的專屬功能，是通用技能。

❌ 不適合你，如果你：

• 還沒有自己的網站（沒有網址、沒有主機）——因為做出來的頁面沒地方放
• 想做的是「會員登入」「購物車」「線上刷卡」這類需要後台系統的功能

💡 還沒有網站？沒關係，歡迎先認識 Compassio——專為個人品牌打造的一站式網站平台，讓你從零開始也能擁有自己的網站。

Vibe Coding 做出來的東西，有什麼限制嗎？

簡單說，Vibe Coding 可以幫你做出好看的、會動的頁面。

像是點按鈕會跳出資訊、滑動會有動畫效果、圖片會自動輪播⋯⋯這些通通可以。

但是，它沒辦法做「需要記住資料」的功能。

🎯 打個比方——Vibe Coding 就像是幫你做了一張超精美的海報，可以很漂亮、很吸引人，甚至還會動。

而且不只是海報——它甚至可以做出互動介面。已經有人用它做出了互動式小遊戲，像是那種「選擇不同選項，走向不同結局」的劇情體驗，全部都是跟 AI 對話就做出來的。

但如果你要收錢、管會員、記資料，那是另一個系統的工作。

簡單記一個原則：畫面上看得到、點得到的，Vibe Coding 都能做。但「背後要記住東西」的功能，它做不到。

這堂課教的就是：怎麼用 AI 快速做出那些好看又能互動的頁面，然後掛到你家門口。

活動資訊

兩百塊，學會一招用一輩子。

別人花幾千塊請人做的活動頁面，你一個小時就能自己搞定。
而且一旦學會，以後每次辦活動、推課程、做新企劃，你都能自己快速生出一個專屬頁面。