誰說做 App 要讀資工系？現在只要會「聊天」就夠了！
你有沒有過這種經驗：小孩畫了一張超級有想像力的畫，你覺得很可愛，心想「如果這能變成一個像繪本一樣的 App 讓親戚們在手機上看就好了」，但轉念想到自己完全不懂寫程式，最後只能拍張照傳到 LINE 群組就結束了？
其實現在有一個新玩法叫 Vibe Coding。簡單來說，就是你不需要去研究那些像外星文一樣的程式碼，你只需要把你的「感覺（Vibe）」告訴 AI，讓它幫你把東西蓋出來。就像你請一個超級厲害的裝潢師，你不用告訴他水泥要混多少水，你只要說「我要北歐風、要有大窗戶、感覺要溫暖」，他就幫你蓋好了。
這次我們用 Claude Code 這個工具，試著把小孩的塗鴉變成一個真正的「電子繪本 App」，過程簡單到讓你懷疑人生。
什麼是 Claude Code？（就是你的 AI 首席工程師）
你可以把 Claude Code 想像成一個住在你電腦裡的頂級工程師。以前我們用 ChatGPT 或 Claude 網頁版，AI 給你一段程式碼，你還要自己複製、貼上、存檔、執行，中間只要錯一個分號，整個程式就崩潰了。
但 Claude Code 不同，它直接擁有「操作權」。它不只會寫 code，還能直接幫你建立檔案、執行指令、發現錯誤後自己修正。你只要在終端機（就是那個黑底白字的視窗）跟它對話就好。
實作步驟：從一張畫到一個 App
要把小孩的畫變成 App，我們不需要寫一行 code，只需要走這 3 個步驟：
步驟 1：定義你的「Vibe」（需求描述）
首先，你要告訴 Claude 你想要什麼。不要只說「我要做 App」，要像點餐一樣具體。
你可以這樣對它說：
「我想做一個簡單的網頁 App。功能是：我可以上傳小孩畫的圖片，然後在圖片下方加上一段故事文字。介面要像兒童繪本一樣，顏色要鮮豔，翻頁效果要像真的書一樣。」
步驟 2：讓 AI 自動施工
當你按下 Enter 後，Claude Code 就開始瘋狂工作了。你會看到它在螢幕上快速地建立資料夾、寫 HTML、寫 CSS（就是決定網頁長什麼樣的設定檔）。
在這個過程中，如果它遇到問題（例如：某個套件沒安裝），它不會跳出錯誤訊息叫你解決，而是會說：「喔！我發現少了一個工具，我現在幫你安裝好」，然後自動搞定。這就是 Vibe Coding 最爽的地方：你只需要看著它完成，不需要幫它擦屁股。
步驟 3：測試並微調（像在跟朋友討論一樣）
App 跑起來後，你可能會覺得：「嗯…這個按鈕太小了，小孩手指按不到」或「背景顏色太暗了」。
這時候你不需要去翻哪一行程式碼要改，直接跟它說：
「按鈕幫我放大兩倍，顏色改成亮黃色，字體換成比較可愛的圓體。」
它會立刻幫你修改並重新整理頁面，直到你滿意為止。
為什麼這件事很重要？
很多人覺得 AI 只是用來寫文章或做簡報，但 Vibe Coding 改變的是「創造的門檻」。
- 以前： 想法 $ ightarrow$ 學程式 $ ightarrow$ 實作 $ ightarrow$ 完成（中間 90% 的人放棄了）
- 現在： 想法 $ ightarrow$ 跟 Claude 聊天 $ ightarrow$ 完成
這意味著，不管你是家長、小老闆，還是公司裡完全不懂技術的行政人員，只要你有好的點子，你現在就能在 1 小時內做出一個可以運作的工具。不需要花幾萬塊請外包公司，也不需要花半年去上 Coding 補習班。
給想嘗試的人的小建議
如果你想試試看，不需要準備很強的電腦，只要安裝好 Claude Code 的環境（雖然安裝過程需要一點點設定，但這也是可以問 AI 怎麼弄的）。
最重要的一點是：不要害怕下指令。 AI 不會覺得你的要求很奇怪，你要求得越細膩，它做出來的東西就越接近你心中的樣子。就像在台灣點手搖飲一樣，「微糖、去冰、加珍珠」才會拿到你最想要的口味！
現在就打開 Claude Code，把那個躺在腦袋裡的小點子變成現實吧！
