不懂程式也能做出遊戲：創新先生如何用 Vibe Coding 打造「動一動左右腦」App
TL;DR：創新先生（陳建銘）完全沒有資訊工程背景，卻在參加 Vista 的 Vibe Coding 實戰工作坊後用自然語言與 AI 對話打造出「動一動左右腦」遊戲 App。這場直播分享他的真實開發歷程——從 27 年創新顧問經驗到第一個數位作品，證明任何人都能把創意變成可上線的作品。這不是工具教學，而是創作勇氣的示範。
為什麼我要辦這場活動？
昨天（3 月 7 日）晚上九點，我和創新先生（陳建銘）一起辦了一場線上直播講座。活動的報名名額原本只有 100 個，結果大家的熱情遠超過我的預期，最後候補名單也排了不少人。昨晚真正參與的夥伴超過九十位，而且整個過程非常熱絡，聊天室一直有人互動、回應，這讓我覺得非常開心。
這篇文章，是我對這場活動的後記整理，也是這個話題值得被好好記錄下來的原因。
一個讓我想辦這場活動的原因
老實說，Vibe Coding 這個話題最近討論的人愈來愈多，但我發現一個現象：大家討論的多半是「工具怎麼用」、「用哪個 AI 平臺最好」、「Lovable 和 Cursor 哪個強」——這些都是很實用的問題，但我覺得有一個更根本的問題沒有人好好回答過：
一個完全沒有資訊工程背景的人，到底能不能做出自己的作品？
不是說理論上可以，而是現實中有沒有人真的做到了，而且願意把過程說清楚。
▲ 不懂程式，真的也能做出自己的數位作品嗎？
嗯，創新先生就是這樣一個人。
他的本業是創新顧問與講師，在創新這個領域已經耕耘了 27 年。他做過創新發明、上過電視節目、研發過會跑鬧鐘和伸縮摺疊電蚊拍等真實的實體產品。他雖然念的是電子工程科，但從來沒有做過任何資訊工程的工作，更沒有設計過遊戲程式。
就在今年農曆新年過年前，他來參加了我開設的 Vibe Coding 實戰工作坊，然後——他真的付諸行動，就把一款創意遊戲 App 做出來了。
這個 App 叫做「動一動左右腦」，可以在線上直接玩，他也在這場直播裡面現場 demo 給大家看。
所以我才說，這不只是一場工具教學，而是一場真實的創作歷程分享。我相信每一個還在猶豫「我到底行不行」的人，都應該好好聽一聽他的故事。
創新先生是誰？
在進入正題之前，我想先讓各位更了解這位講者。
▲ 今晚的講者——創新先生陳建銘
陳建銘，網路暱稱「創新先生」，是一位管理顧問，專長包括職場創新思維、銷售創新、產品創新、問題分析以及創新工具與方法論的教學。他在這個領域累積了將近 30 年的實戰經驗，而且不只是教別人創新，他自己本身就是一個創新發明者——會跑的鬧鐘、伸縮摺疊電蚊拍，都是他真實研發出來、登上媒體節目的作品。
▲ 什麼是創新？新穎性與進步性缺一不可
換句話說，他是一個長期用創新思維解決問題的人，而這一次，他把這套思維拿來解決「如何用 AI 把點子做成 App」的問題。
結果確實做出來了。
「動一動左右腦」App 是什麼？
講座一開始，建銘老師先帶大家實際體驗了這款 App，讓我印象非常深刻。
▲ 創新先生的 Vibe Coding 成果展示
這個遊戲的玩法，說起來其實很簡單：畫面上會出現一行四個中文字，每個字有的要念字的本義，有的要念字的顏色，玩家要快速判斷，並在畫面下方的選項中點選正確答案。
聽起來簡單，但真的玩起來，你就會發現自己的大腦卡住了——因為這個遊戲同時要求你用左腦（處理文字、邏輯）和右腦（感知顏色、圖像），兩個腦區同時切換、互相干擾，就是這種「卡感」製造了趣味，也訓練了專注力和大腦的靈活度。
▲ 左腦處理文字邏輯，右腦感知顏色圖像——兩者同時運作，就是挑戰所在
遊戲分為初級（60 秒）、中級（30 秒）、高級（13 秒）和王級（8 秒）四個難度，每過一關都能獲得積分，並學到一則創新知識。另外，如果累積到一定分數，還有機會獲得建銘老師自創的《創新的秘密》一書。
整個設計非常完整，兼顧了趣味性、學習性和挑戰感。這真的是一個非資訊背景的人，靠著 Vibe Coding 做出來的嗎？是的，確實是。
靈感從哪裡來？——創新先生的「靈感製造機法則」
接下來，建銘老師跟大家分享了這個遊戲的靈感是怎麼來的。這個部分讓我覺得非常有價值，不只對 Vibe Coding 有用，對任何想要做內容、做產品或做服務的人都很有啟發。
他提到，靈感不是憑空冒出來的，而是有步驟可以產生的。他把這套方法稱為「靈感製造機法則」，核心邏輯是：
創新的點子，必須同時符合新穎性與進步性。兩者缺一不可，才算是真正的創新。
新穎性，是指這個東西在市面上是看不到的；進步性，是指它在原有的基礎上有所改進、有所突破。
▲ 靈感製造機法則的八個步驟
有了這個標準之後，他進一步說明了整個靈感發想的步驟，分別是：觀察、搜尋、判斷、推理、分析、想像、畫面和執行，共八個階段。
這個架構讓我非常有共鳴，因為我自己在引導學員做 Vibe Coding 的時候，也常常遇到一個問題：有些人想做，但不知道做什麼；有些人有點子，但點子很模糊。建銘老師的這套流程，其實就是一個很好的前置作業框架。
創新需要的四種角色：戰士、偵探、畫家與裁判
在講解靈感步驟之前，建銘老師先帶大家思考一個問題：創新的過程中，你扮演什麼角色？
▲ 創新過程中的四種角色：戰士、偵探、畫家與裁判
他把創新者在不同階段應該扮演的角色，分成四種：
- 戰士：負責執行力，把事情做出來
- 偵探：負責觀察力，發現問題與需求
- 畫家：負責想像力，提出新的可能
- 裁判：負責判斷力，評估方案是否可行
他在直播中問大家：「在創新的過程中，誰最先出現？」聊天室裡各種答案都有，但他給的答案是——偵探。
▲ 創新最重要的第一步：先當偵探，觀察需求
創新最重要的第一步，不是馬上去執行（戰士），也不是馬上評判好不好（裁判），而是先觀察。先發現需求、先看到問題、先理解現狀，才有辦法做出真正有意義的改變。
這個觀點讓我想到很多我在教學現場看到的狀況。很多學員一開始做 Vibe Coding，會急著說「我要做一個 App」，但問他要解決什麼問題，他說不清楚；問他用戶是誰，他也不知道。其實問題不是他不夠努力，而是他跳過了偵探的階段，直接衝去當戰士了。
回到這款遊戲的起源：從一個紅包袋開始
建銘老師分享了這款「動一動左右腦」App 的靈感來源，而這個起源出乎所有人的意料——他的靈感來自於一個他之前設計過的實體創新作品，也就是左右腦創意紅包袋。
這個紅包袋的玩法，是把紅包袋上的吉祥話，設計成一組需要同時用左腦和右腦判斷的謎題。比如「新年快樂」這四個字，「新」和「年」要唸字義，「快」和「樂」要唸字的顏色，遊戲者要依照規則說出正確的答案，既增加了紅包的趣味感，也訓練了大腦的靈活度。
有了這個原型之後，他開始進一步搜尋：現有的左右腦遊戲，有什麼不足的地方？
他發現，市面上大多數的左右腦遊戲，都只是要求玩家唸出字的顏色，而不是字的本義，這雖然有一點挑戰性，但其實只是在刺激右腦，並沒有真正同時訓練左腦和右腦。
於是，這個發現讓他找到了差異化的切入點：設計一個能夠真正同時動用左腦和右腦的遊戲。
▲ 偉大創新的核心：深入理解使用者的需求與感受
接下來，他透過需求感受表來分析玩家最想要的體驗是什麼——趣味感、成就感、挑戰感和學習感；透過物件元素和改變元素來設計遊戲細節，包括一行幾個字、時間設定幾秒、什麼樣的回饋機制最能讓人繼續玩下去。
▲ 動手之前，先把想法「畫出來」——視覺化是最好的溝通工具
最後，他把整個遊戲的畫面流程一步一步畫出來，形成清晰的視覺藍圖，再帶著這份藍圖，和 AI 工具一起協作，把它做出來。
Vibe Coding 的工具：從 Antigravity 到 Netlify
建銘老師使用的主要工具是 Google 的 Antigravity，這是一個可以用中文描述想要的功能，讓 AI 自動生成程式碼的開發環境。操作方式很直觀：在右邊的視窗輸入你想要的功能描述，左邊就會跑出對應的程式碼，同時還能預覽目前的畫面大概長什麼樣子。
完成後，他把成果部署到 Netlify 上，讓這款遊戲真正可以在網路上被所有人瀏覽和使用。
▲ Vibe Coding 工具選擇指南：找到適合自己的開發工具
在直播活動中，我也補充說明：目前 Vibe Coding 的工具其實非常多，包括 ChatGPT 的 Codex、Lovable、Claude Code 等等。每個工具有各自的特色：Antigravity 偏向程式開發者的工作流程；Lovable 介面比較直觀、像使用 ChatGPT 一樣簡單，適合完全沒有程式背景的人入門；Claude Code 是我自己最常使用的工具，它在處理複雜任務時表現非常出色。
每個工具都有其特色和強項，沒有絕對的優劣，關鍵是找到自己用得順手、符合預算、能夠支撐你想要開發的東西就好！
非工程背景者的三個關鍵步驟
在整場直播中，建銘老師總結了他從零到做出 App 的關鍵步驟，我覺得非常值得把它記錄下來。
▲ 非工程背景者的三個關鍵步驟
第一步：學習工具的基本操作
不需要學會所有功能，只需要知道這個工具能做什麼、大概怎麼操作。這個階段不需要太久，重點是消除對工具的陌生感。
第二步：帶著構思去實作
在開始操作工具之前，先把自己想要做的東西畫出來——不是程式碼，而是視覺化的流程圖或草稿。每個畫面要呈現什麼？流程是什麼？這些都先想清楚，再開始和 AI 協作。
第三步：一步一步確認，再往下走
每完成一個步驟，就確認一次結果對不對，然後再繼續下一步。不要一次想要把所有功能都做完，而是拆解成小塊，就像堆積木一樣一塊一塊堆疊起來。
▲ 迭代的力量：超過 200 次的持續修正
他特別強調，這款「動一動左右腦」App 的開發過程，前前後後迭代了超過 200 次。這不是一次就能做好的，而是一個持續修正、慢慢收斂的過程。
很多人以為 Vibe Coding 是一句話就能做出 App，但現實是：你需要非常清晰的構思、非常有耐心的迭代，還有在每次遇到 bug 時不放棄的意志力。
我的五小時挑戰：從零做出活動報名系統
在 Q&A 環節，有位夥伴問到關於 UI 之後如何上線的流程，我也順帶分享了一個我自己的案例。
前幾天，我和創新先生敲定要辦這場直播，我就想說：既然我在教 Vibe Coding，為什麼不乾脆做一個活動報名系統，讓大家用這個系統來報名呢？
於是，昨天早上七點半，我開始動手開發。到了中午十二點半，這個活動報名系統就做出來了，前後大約五個小時。
這個系統裡面的細節，其實非常多，包括：活動內容的編輯、票種和價格的設定、確認信的發送、候補名單的管理、提醒通知的發送……每一個環節都不是想想就好，而是需要在動手之前把整個流程仔細想清楚。
大家平常都報名參加過很多的活動，但不一定每個人都能把報名活動的完整流程清楚地說出來。如果你連這個流程都說不清楚，AI 再強也幫不了你把系統做好。
這就是為什麼，在開始 Vibe Coding 之前，「把需求想清楚、把流程畫出來」是如此重要的一件事。
▲ 點子不值錢，執行才值錢——但執行之前，先把點子想清楚
💡 想親手體驗 Vibe Coding 的威力嗎？
我開設的 Vibe Coding 實戰工作坊，將帶你從創意發想到作品上線，用自然語言和 AI 協作，親手打造屬於你的數位作品。不需要任何程式基礎，只要帶著你的想法來就好！
哪些事情交給人做，哪些事情交給 AI 做？
這場直播中，有一個問題讓我覺得非常值得深思：AI 與人協作是未來趨勢，那到底哪些任務交給 AI，哪些是人自己來做？
▲ 人與 AI 的分工：誰來做什麼？
建銘老師的答案是這樣的：
- 觀察，一定要人來做。因為 AI 目前沒有五感——沒有視覺的細膩感受、沒有觸覺、沒有嗅覺、沒有味覺——所以對現實世界的觀察、對生活細節的感知，只有人能做到。
- 搜尋，這是 AI 的強項。你想要快速找到某個領域的現有資料、競品分析、市場概況，AI 做得比人快。
- 判斷，仍然要人來做。雖然 AI 可以提出建議，但最終「這個方向對不對、這個決策好不好」，應該由有真實脈絡和價值觀的人來判斷。
- 想像，人和 AI 各有所長。AI 的想像是從資料庫中拼湊，而人的想像是從生命經驗中長出來的。
- 執行，則可以大量借助 AI。把清楚的構思餵給 AI，讓它幫你快速產出程式碼、產出草稿以及產出內容，是 Vibe Coding 的核心價值所在。
很多人以為 AI 能夠取代思考，但其實 AI 最能幫助的是執行，而非感知和判斷。那些最獨特的創意，往往還是從人對現實世界細膩的觀察和感受中長出來的。
Vibe Coding 不只是做遊戲
這場直播雖然以開發遊戲為主題進行分享，但我想特別強調一件事：Vibe Coding 可以做的事情，遠不止於此。
你可以用它做：
- 個人網站或個人品牌頁面
- 活動報名系統（就像我前天做的那個）
- 課程銷售頁或 Landing Page
- 心理測驗或互動問卷
- 追蹤記錄工具（習慣追蹤、閱讀記錄、體重記錄……）
- 小型遊戲或互動娛樂應用
- 任何你工作中覺得繁瑣、想要自動化的流程
關鍵不在於做什麼，而在於你有沒有把需求想清楚、有沒有把流程梳理好。
我對這場活動的一點後記
辦完這場活動，我有一個強烈的感受：
真實的案例，比任何工具教學都更有力量。
建銘老師不是工程師，不是設計師，不是所謂的科技人，但他做出了一個完整的、可以玩的 App。他用的不是什麼魔法，而是他長年在創新領域磨練出來的觀察力、分析力和想像力，加上 Vibe Coding 工具把這一切落地實現。
這讓我更加確信一件事：Vibe Coding 真正的門檻，從來不是你懂不懂程式，而是你有沒有清晰的想法、有沒有願意動手去試的勇氣。
這場直播的九十多位夥伴，每一個人都帶著自己的想法來。我希望大家在聽完之後，不只是覺得很有趣、很有啟發，而是真的去動手做一個屬於自己的東西。
哪怕只是一個簡單的網頁，哪怕只是一個最陽春的小工具，那都是你把想法變成現實的第一步。
▲ 下一個把點子做成作品的人，會不會就是你？
想繼續學習 Vibe Coding？
如果你對 Vibe Coding 還想要更深入學習，歡迎報名我所開設的 Vibe Coding 實戰課程，後續兩班的開課時間分別是 3 月 21 日和 4 月 12 日早上。
▲ 一起加入 Vibe Coding 實戰社群！
另外，我們也有一個 Facebook 社團「Vibe Coding 實戰社群」，目前已經有超過 1,600 位夥伴，大家在裡面分享自己的作品、交流遇到的問題，同時也互相鼓勵。歡迎你加入，讓我們一起在做中學、在學中成長。
延伸閱讀
- Vibe Coding：不會寫程式也沒關係，用自然語言打造你的數位作品
- 用 Vibe Coding 打造活動報名系統：一個非工程師的真實開發覆盤
- AI 時代的個人品牌完整指南：從定位、內容到變現，一次搞懂
外部資源
☕️ 請 Vista 喝杯咖啡
📖 深入探索相關主題
