Vibe Coding

非工程背景的 Vibe Coding 踩雷:做出來很興奮,為什麼越改越不敢動?

用 AI 做出原型後開始卡關,可以先縮小第一版範圍、保留可用版本,再整理出會阻礙使用的問題。先弄清楚卡在哪裡,才能決定繼續自己修改,或找人協助。

第一次看見自己的想法變成網站,那種興奮很難忘。原本只能存在筆記裡的功能,現在真的有畫面、有按鈕,還可以操作。你開始想:再加一個會員功能、再補一個後台,也許就能給別人用了。

可是,不知道從哪一次修改開始,事情變得不太一樣。以前加功能很快,現在改個小地方卻要花一整晚。AI 說修好了,你重新操作,問題還在。最讓人不甘心的是:明明已經做了這麼多,卻不知道還要多久才能完成。

Dcard 的非工程背景開發心得記錄了從快速做出功能,到實際操作時發現問題、回頭整理程式的過程。作者後續留言也補充網站已經上線。這段公開經驗是本文的觀察起點,以下則是給原型創作者的整理建議。

第一個卡點:功能越加越多,第一版反而越來越遠

假設你原本只想做預約工具,後來又加上會員等級、優惠券與提醒通知。每個功能都有道理,但每增加一項,就多一件需要確認能否正常運作的事。

先寫下一句話:「第一批使用者來到這裡,最重要的是完成什麼?」如果答案是完成預約,就先把這條流程做好。其他點子排進下一版。讓作品開始被使用,比一直停在「再加一點就好了」更有價值。

第二個卡點:每次都改了,卻不知道哪一版比較好

修改頻繁時,你可能記得最新畫面,卻忘了哪個版本的流程最完整。給自己留三項紀錄:這次要改什麼、改完怎麼確認、上一個可用版本在哪裡。

例如這次只改預約日期的顯示,就先確認修改前後的預約流程,不要同時把會員與通知功能一起換掉。你不需要因此變成工程師,但需要知道作品正在往哪個方向走。

第三個卡點:畫面很完整,別人卻不知道怎麼用

自己操作時,你知道按鈕在哪裡,也知道要先填哪個欄位。第一次使用的人沒有這些背景。

找一位沒有參與製作的朋友,請他完成「預約下週二的服務」之類的任務。先不要教,觀察他在哪裡停下來。他看不懂的地方,就是有價值的修改線索。先讓人順利完成一件事,比再多一頁功能介紹更接近可用產品。

第四個卡點:每天修問題,失去做產品的樂趣

最初你想解決自己的工作困擾,或某一群人的需求。現在卻每天對著錯誤訊息,連介紹作品的心情都沒有了。

把問題分成「主要流程無法完成」與「可以之後改善的細節」。先處理前者。預約送不出去,要先修;按鈕顏色還不夠理想,可以晚一點。你需要一個能往前走的版本。

第五個卡點:想找人幫忙,又怕心血被推翻

你可能最擔心的是工程師看完後只說:「全部重寫比較快。」但在決定重寫、整理或繼續自己修改前,可以先弄清楚有哪些問題、影響多大,以及處理順序。

你已經把需求、畫面和操作方式做出來了。這些成果能讓協助你的人更容易理解目標。關於接手時如何保留成果,可以接著看原型要整個重寫嗎?

今天就能開始的卡關整理清單

  • 用一句話寫下第一版要完成的主要任務。
  • 留下目前可操作的版本,記錄已知問題。
  • 暫停加入與主要任務無關的新功能。
  • 請另一個人從頭操作,記下他停住的地方。
  • 選出最影響使用的一個問題,先處理它。

常見問題

非工程背景遇到這些問題,代表不適合 Vibe Coding 嗎?

不能只憑卡關就下結論。你已經完成原型,接下來可以透過縮小範圍、整理問題與取得協助,判斷如何繼續投入。

同一個問題一直修不好,要怎麼描述給別人?

說清楚操作步驟、預期結果、實際結果,以及什麼情況會發生。可直接使用AI 程式修不好時的求助範本。

讓下一次修改有方向

奧微的 VibeCode PRO 提供付費原始碼初檢,整理問題優先順序與後續處理預估。初檢 NT$5,000 起,可以先免費判定價格級距,看完報告再決定下一步;功能問題修正另外確認範圍與報價。

你已經把想法做出來了。接下來,讓每一次修改都有方向。把目前卡住的地方告訴奧微。

回文章列表