寫程式不再需要學語法？認識現在最紅的 Vibe Coding！
你是不是每次想做個簡單的網頁，結果發現要學什麼 HTML、CSS，甚至還要搞懂什麼叫框架？最後搞到頭大，網站還長得像 20 年前的部落格。 😅
其實現在有一種新玩法叫 Vibe Coding。簡單來說，就是你不需要懂任何程式碼，你只要負責定義「感覺（Vibe）」和「邏輯」，剩下的全部丟給 AI。就像你請一個超級厲害的設計師兼工程師，你只要跟他說：「我要那種像 Apple 官網一樣簡約、有高級感的感覺」，他就能直接幫你把東西做出來。
這次我們用最強的 Claude 來測試，看看能不能在 10 分鐘內，把一個產品的登陸頁（Landing Page，就是那種用來吸引人買東西的單頁網站）和宣傳影片全部搞定。
只要 3 個步驟，讓 Claude 幫你蓋網站
很多人用 AI 寫程式會失敗，是因為他們把 AI 當成「翻譯機」（把中文翻成英文代碼），但正確的做法是把 AI 當成「執行長」。
第一步：給它一個「視覺參考」
不要只用文字描述，因為每個人對「好看」的定義不同。最快的方法就是截圖。
- 找到你覺得很厲害的對手網站，或是你喜歡的風格。
- 直接把截圖貼給 Claude，告訴它：「請分析這個頁面的視覺風格、配色和排版，我想要做出類似的感覺。」
第二步：定義你的「功能清單」
就像點餐一樣，你說得越清楚，AI 做得越準。你可以直接告訴它：
- 「我需要一個大標題，下面接一個吸引人的副標題。」
- 「中間要放三個功能介紹方塊，每個方塊配一個圖標。」
- 「最下方要有一個醒目的『立即購買』按鈕，顏色要用亮橘色。」
第三步：利用 Artifacts 直接預覽
這是 Claude 最強的地方！它有一個叫 Artifacts 的功能（你可以把它想成是一個內建的「即時預覽視窗」）。它寫完代碼後，不會只給你一堆看不懂的英文，而是直接在右邊顯示出成品網頁。如果你覺得「按鈕太大了」或「顏色太暗了」，直接用對話告訴它，它會秒速幫你修改。
不只能做網頁，連宣傳影片也能「指令化」
有了網頁後，還需要一段短影片來增加說服力。以前你要學剪輯軟體、找素材、對時間軸，現在你可以這樣做：
- 請 Claude 寫分鏡腳本：告訴它你的產品特點，讓它幫你設計 15 秒的快節奏短片腳本（包含畫面描述和旁白）。
- 將腳本餵給 AI 影片工具：把 Claude 寫好的精準描述，貼到像 Runway 或 Luma 這樣的 AI 影片生成工具中。
- 合成與配音：用 AI 配音工具把旁白加上去，整支影片 5 分鐘就完工。
為什麼這對你很重要？
想像一下，如果你在公司想提案一個新計畫，或者你想在週末快速測試一個創業點子：
- 傳統方式：找工程師報價 $\rightarrow$ 等兩週 $\rightarrow$ 發現不是你要的 $\rightarrow$ 再改兩週。成本可能要 3 萬台幣起跳。
- Vibe Coding 方式：打開 Claude $\rightarrow$ 貼圖 $\rightarrow$ 修改 $\rightarrow$ 完工。成本只有一個月約 600 台幣（$20 USD）的訂閱費，時間縮短到 10 分鐘。
總結：從「寫程式」轉向「定義感覺」
現在的 AI 已經強到不需要你懂 <div> 或 <span> 這些標籤了。你唯一需要練習的技能，就是**「如何精準地描述你想要的樣子」**。
如果你還在苦惱怎麼學程式，建議你先停止，直接嘗試用 Claude 把你的想法實作出來。你會發現，原來創造產品這麼簡單！
現在就打開 Claude，把你想做的網站截圖貼給它試試看吧！
