vibe coding platform 簡單評論
我在九個月前有發布一篇文章,是在講 Vibe Coding online Platform 的比較。那麼過了九個月之後,現在的狀況是如何呢?
我最近接到一個案子,要做一個非常簡單的網站。因為客戶是我朋友的朋友,但我朋友瘋狂地幫客戶砍價,所以最後接了這個案子,但很不想要花時間。最後決定叫他把所有東西都準備好,然後我一次叫 AI 把它搞定。
這次我使用了四種不同的比較:
Lovable
Lovable 的設計感很不錯,就是簡潔流利,不會多太多很奇怪的 icon 硬要塞進你的網站,要凸顯的東西都有凸顯出來。
缺點就是它太喜歡卡片了。
我這次接到的網站有很多產品,但客戶期望用表格方式呈現。我並沒有把這個 prompt 放上去,但其他家的網站都是用表格呈現,唯獨它家是用卡片呈現,導致卡片看起來多到不行。這是我唯一覺得 Lovable 沒有做好的地方,要不然我覺得它的設計感很現代,而且簡潔流利。
Replit
我可能跟這個平臺很沒有緣分吧,我覺得這個平臺很難操作。一開始我 plan 的時候,它的 plan 是我這四個比較裡面最好的一個。但在真的運行之後呢:它花的時間最久。
它做出來的東西有很多 bug。例如,它剛做出來的時候,它給我的那個 preview 視窗是完全看不到網站的。我跟它講了兩三次之後,它最後丟了一個內部 URL 給我,說 preview 視窗真的沒救了。
我想要 publish 出去,它跳出來的 warning跟我說這只是設計稿。我把它 warning 丟給 AI,AI 還不承認,AI 還覺得說你這個警告語是哪來的。
我之後又跟它講了一次 publish 不出去這個網站。它才說改個方式去做,最後又花了快一個小時在那邊拖拖拉拉,最後才真的 publish 出去。
而且最討厭的是,我只是叫它幫我改成可以 publish 出去的設計,結果它中間又把我的設計稿改了,又要花時間再把它調回來。真的讓我氣死了!
Claude Design
Claude Design 的問題是,你乍看之下它做出來的網站都看起來很好,但實際上它的小毛病非常多。例如間距、字體、圖片的放置方式之類,那些你細看才會感覺到怪怪的地方。
相較於去年或前年起來的那些 Vibe Coding 的 Online Platform,Claude Design 它的設計感比較像是它知道大概網站要怎麼設計,但是那種細節的調整部分它把握得不好。
Antigravity 搭配 Gemini 3.1 Pro
Gemini 做出來的網站是最簡單的。所謂簡單的意思是,我跟他講要有哪些東西,他就有哪些東西,但就僅此而已。
例如我想要一個聯絡商家的頁面,他就做出一個聯絡商家的頁面,把資訊都放好在那邊。
他的感覺就是沒做什麼設計,很像是一個剛學會架站的人,很謹慎地把所有東西做好。
實際上,我覺得他的設計感是最少的,有一種「我叫他做什麼,他就做出什麼」的感覺,不會去增加細節,或把東西修飾得更完善。
但反過來說,因為他的輸出設計感較少,他不會像前面的 Claude Design 一樣需要調整很多,因為他就是精簡。
然後順帶一提,我其實也有想要用 Bolt.new 來做網站,但不知道為什麼近期我點進去 Bolt 網站它就當掉了,我連登入或打字的機會都沒有。
關於這次的實作,我有個總結的想法:這四個工具丟出來的網站表現其實大同小異,頂多是某個網站多放了圖,或是另一個網站多放了 icon 這種細節差異而已。
當然這是我自己實測的狀況,我不知道到底是因為這個案子本身比較簡單,還是因為現階段我拿的工具只有四個,又或者是現階段 AI 所學會的平均網站架構基本上就是長那樣。
未來如果還有接到案子的話,我可能會再嘗試別的工具,但至少我確定一件事:我未來應該是不會再用 Replit 了,它這次真的讓我火很大。
作者:CCL