Vibe coding
發佈：
2026/04
工具
Claude Code、Xcode、ChatGPT
工作流程
1. 蒐集靈感
受到 Netflix 劇集啟發，我探索了將願望轉化為結構化輸入的概念，讓使用者能反思自己的渴望與意圖。
2. 定義產品概念
設計一款應用程式，讓使用者寫下願望、說明自己的動機，並將結果視覺化。AI 會生成實用的行動方案，而結構化的輸入流程則加入適度挑戰，鼓勵更深入的思考。透過與使用者一起釐清明確的動機，他們會更有動力持續投入，並朝目標穩步前進。
3. 使用 Claude Code 和 ChatGPT 建立應用程式
建立專案結構，並定義系統提示，以聚焦於真實、貼近情境的輸出。生成一個應用程式，讓使用者能提交願望並接收由 AI 驅動的規劃，介面設計則以簡潔直覺為核心。此外，運用 ChatGPT 的生成式應用能力，製作啟動畫面的主視覺。
4. 持續迭代設計與功能
透過將視覺方向從實驗性的賽博龐克風格，調整為更貼近產品定位、也更具實際感的介面，進一步優化整體體驗。同時，新增進度追蹤與回饋機制，強化核心功能，以支持長期的使用者參與與目標完成。
5. 在 Xcode 中強化功能並驗證使用體驗
透過新增進度追蹤與回饋功能，將產品延伸到規劃之外，以支持長期參與。接著在 Xcode 中模擬應用程式，驗證真實使用情境，並確保互動流程如預期運作。
反思
Vibing code 讓想法幾乎能即刻轉化為具體產品。原本只是早上從一檔節目得到的靈感，到了下午就已變成一款可運作的應用程式；即使視覺方向從實驗性的賽博龐克風格一路迭代到更聚焦產品的做法，進展依然非常快。介面建立完成後，我也持續擴充功能，例如加入進度追蹤，以支持更長期的使用者參與。這個過程讓我感覺自己不再只是做傳統設計，而更像是在扮演產品建構者，從概念到執行全程負責。它也再次強化了一點：在持續迭代的同時，必須不斷回到產品的核心目的，重新檢視其價值。隨著這種建構方式愈來愈普遍，學會退一步並維持更宏觀的視角，將會是一項關鍵能力。