相信不少朋友都在朋友圈刷到過倒水杯游戲

玩過幾關(guān)不知道，但你有沒有想過你自己一個人也能做出來一款？

剛好今天騰訊發(fā)布了他們的首個全棧AI IDE

而我呢，前幾天下載了亞馬遜的AI IDE Kiro，號稱是spec方式AI編程，替代vibe coding，替代Cursor，正好pk對比下，到底哪個好用

CodeBuddy

我的第一版需求：

如圖，實現(xiàn)一個倒水游戲，主要規(guī)則類似漢諾塔。點擊選中第一個瓶子， 然后再選中一個瓶子往其中倒水，只有相同顏色的水裝滿后， 瓶子可以被裝進袋子里。

我用了默認(rèn)的設(shè)置模式，只輸入了對話和圖片。

然后，也太快了吧？！！

我只說完我的需求，它就嗖嗖嗖開干，大概10分鐘告訴我好了

IDE左邊就可以玩游戲，還給我部署到云端，并且給了二維碼，可以發(fā)給朋友玩（原地址有安全bug，騰訊工作人員正在解決，我這個放到了cloudflare上，這是第四版本）

https://water-pouring-game.pages.dev/

不過玩著玩著我發(fā)現(xiàn)幾個問題，可能也是我描述的問題，又改了三個版本：

我發(fā)現(xiàn)當(dāng)我分類完之后，仍然停在level2，我再補充下規(guī)則：一瓶水可以倒4次，滿了之后應(yīng)該放在打包袋子里，當(dāng)所有的水瓶都正確倒?jié)M后，這一level應(yīng)該結(jié)束，生成下一個level

生成的關(guān)卡中，我看倒六個瓶子，但只有四種水，每種水只有兩格，裝不滿瓶子，所以我沒有把瓶子裝滿過，檢查下算法，修復(fù)問題

滿4個時應(yīng)該給出滿了的標(biāo)識，不要用淺綠和深綠的顏色，分不清楚。我發(fā)現(xiàn)你生成的水并不能全部倒完，不是正確的關(guān)卡，比如有5個紅色的，無法過關(guān)；并且當(dāng)我并沒有完全把水放到正確的瓶子時，也提示我過關(guān)了，檢查下算法邏輯，修復(fù)問題

除了簡單點丑點，挑不出毛病了，更新部署上去也很簡單。

代碼實現(xiàn)也非常簡潔，只有3個文件，很好維護

相信把ui我后邊又用了plan模式，效果卻不好，給我整上了node js，時間很漫長，如果遇到這種情況，需要告訴它用最簡單的方式實現(xiàn)，不要上強度。

卡神總結(jié)了CodeBuddy的幾個亮點：

1. 國際版，你懂的，目前可以用到Claude4，而且是免費。

2. 使用Plan mode模式，可以生成產(chǎn)品PRD、TRD、DRD，再用這些文檔去生成網(wǎng)頁，最后部署后端，真一站式服務(wù)。

3. 可以直接把Figma的設(shè)計稿，一鍵變成網(wǎng)頁。

4. 集成了幾個常用的設(shè)計組件庫。

5. 科技針對頁面部分Html元素進行自然語言樣式微調(diào)。

6. 跟Minimax Agent一樣，集成了后端，騰訊云開發(fā)CloudBase與Supabase，也就是說，純小白也能搭后端了。

大家可以繼續(xù)研究玩一玩，做一般的小游戲應(yīng)該是沒問題

Kiro

對比CodeBuddy的神速，Kiro更像一個訓(xùn)練有素的編程老鳥，先寫需求文檔，再出架構(gòu)設(shè)計接口設(shè)計，然后拆分任務(wù)，最后實現(xiàn)

讓我不禁非常期待，然后開始了漫長的等待和點擊繼續(xù)按鈕

task經(jīng)常中斷，不知道是不是我網(wǎng)絡(luò)問題，大概2小時之后，終于完成了

界面審美高了一個檔次，但是，完全不能用！

項目文件多達20個，不是真正的前端工程師，真的搞不定了。

總結(jié)

如果你是個AI愛好者，沒什么代碼經(jīng)驗，那必須是CodeBuddy！

下一期我們拆解更復(fù)雜的拆螺絲游戲怎么用CodeBuddy實現(xiàn)！

回復(fù)【AI編程】，獲取Kiro安裝使用方法，送3個騰訊CodeBuddy邀請碼！討論研究AI編程、做游戲、開發(fā)應(yīng)用。

我是刀哥，大廠架構(gòu)師，出海創(chuàng)業(yè)者，深入研究AI工具和AI編程。關(guān)注我，了解更多AI知識！