近期，作者通過(guò)Claude 3.7和Cursor的結(jié)合，僅用3分鐘生成APP原型圖，并在15分鐘內(nèi)完成開發(fā)，展示了AI在產(chǎn)品開發(fā)全流程中的強(qiáng)大能力。這一實(shí)驗(yàn)不僅令人驚嘆，更引發(fā)了對(duì)傳統(tǒng)產(chǎn)品經(jīng)理、程序員等職業(yè)未來(lái)的深刻思考：在AI的浪潮下，人類從業(yè)者將何去何從？

今天要跟大家分享一個(gè)震驚我三觀 的親身經(jīng)歷：我用Claude 3.7生成了一個(gè)”滴滴打人”APP的原型圖，然后用Cursor在15分鐘內(nèi)就完成了開發(fā)?。?！這波操作直接讓我看到了產(chǎn)品經(jīng)理失業(yè) 的未來(lái)…??　

（別緊張，”滴滴打人”只是個(gè)教學(xué)案例，不是真要開發(fā)打人APP，我還不想進(jìn)局子??）

?? 事情是這樣的…

前兩天我在研究Claude 3.7的能力，突發(fā)奇想：既然它能寫代碼，能不能直接設(shè)計(jì)APP原型圖？　

于是我丟給它這樣一個(gè)魔性需求：設(shè)計(jì)一個(gè)”滴滴打人”APP，用戶可以在上面下單找人去揍人，其他用戶可以接單。風(fēng)格參考滴滴打車?！?/p>

結(jié)果Claude直接…人已麻…??　

三分鐘?。?！ 僅僅三分鐘，它就吐出了一整套HTML代碼，渲染出了包含下單頁(yè)面、下單詳情頁(yè)面和訂單詳情頁(yè)面的完整原型！

看到這個(gè)原型圖，我下巴都掉了！這也太專業(yè)了吧？完全可以拿去給開發(fā)團(tuán)隊(duì)直接做了好嗎！

?? Claude 3.7 的超強(qiáng)理解與長(zhǎng)輸出

之前我已經(jīng)介紹過(guò)Claude3.7的新特性，果然很強(qiáng)?！?/p>

例如這次我給的提示詞（Prompt）相當(dāng)簡(jiǎn)單：　

我想開發(fā)一個(gè)「滴滴打人」ios app，用戶可以在上面下單找別人去揍人，而其他用戶也可以在上面接單?，F(xiàn)在需要輸出原型圖，請(qǐng)通過(guò)以下方式幫我完成app所有原型圖片的設(shè)計(jì)。
1、思考用戶需要「滴滴打人」app實(shí)現(xiàn)哪些功能，樣式上可以參考「滴滴打車」
2、作為產(chǎn)品經(jīng)理規(guī)劃這些界面
3、作為設(shè)計(jì)師思考這些原型界面的設(shè)計(jì)
4、使用html在一個(gè)界有一說(shuō)一，我已經(jīng)玩了1年的AI編程，不論是Deepseek還是Grok，都無(wú)法動(dòng)搖 Claude在編程領(lǐng)域的地位。　

? Cursor：15分鐘從原型到代碼

有了原型圖，接下來(lái)就是開發(fā)了?？梢詤⒖嘉疫@篇文章學(xué)習(xí)Cursor怎么入門?！?/p>

直接用里面的「Agent」功能，只需要把Claude生成的HTML原型圖丟給它，然后說(shuō)：　請(qǐng)基于這個(gè)原型圖，使用React Native開發(fā)一個(gè)完整的滴滴打人APP

然后…就等待神奇的事情！Cursor的AI agent會(huì)自動(dòng)：　

1.?分析原型圖結(jié)構(gòu)

2.?規(guī)劃開發(fā)步驟

3.?設(shè)計(jì)合理的文件結(jié)構(gòu)

4.?編寫所有必要的組件

5.?實(shí)現(xiàn)頁(yè)面之間的導(dǎo)航邏輯

遇到問(wèn)題了怎么辦？直接問(wèn)Agent！比如：　”這個(gè)地圖組件如何實(shí)現(xiàn)？””如何處理訂單狀態(tài)變化？””能不能優(yōu)化一下性能？”

Agent每次都能給出超詳細(xì)的解決方案。正常來(lái)說(shuō)15分鐘左右，它就能完成一個(gè)最小閉環(huán)的開發(fā)。