近期，作者透過Claude 3.7和Cursor的結合，僅用3分鐘生成APP原型圖，並在15分鐘內完成開發，展示了AI在產品開發全流程中的強大能力。這一實驗不僅令人驚歎，更引發了對傳統產品經理、程式設計師等職業未來的深刻思考：在AI的浪潮下，人類從業者將何去何從？
———— / BEGIN / ————
今天要跟大家分享一個震驚我三觀 的親身經歷：我用Claude 3.7生成了一個”滴滴打人”APP的原型圖，然後用Cursor在15分鐘內就完成了開發！！！這波操作直接讓我看到了產品經理失業 的未來…😱
（別緊張，”滴滴打人”只是個教學案例，不是真要開發打人APP，我還不想進局子🤣）
💥 事情是這樣的…
前兩天我在研究Claude 3.7的能力，突發奇想：既然它能寫程式碼，能不能直接設計APP原型圖？
於是我丟給它這樣一個魔性需求：設計一個”滴滴打人”APP，使用者可以在上面下單找人去揍人，其他使用者可以接單。風格參考滴滴打車。
結果Claude直接…人已麻…🤯
三分鐘！！！僅僅三分鐘，它就吐出了一整套HTML程式碼，渲染出了包含下單頁面、下單詳情頁面和訂單詳情頁面的完整原型！
看到這個原型圖，我下巴都掉了！這也太專業了吧？完全可以拿去給開發團隊直接做了好嗎！
🚀 Claude 3.7 的超強理解與長輸出
之前我已經介紹過Claude3.7的新特性，果然很強。
例如這次我給的提示詞（Prompt）相當簡單：
我想開發一個「滴滴打人」ios app，使用者可以在上面下單找別人去揍人，而其他使用者也可以在上面接單。現在需要輸出原型圖，請透過以下方式幫我完成app所有原型圖片的設計。
1、思考使用者需要「滴滴打人」app實現哪些功能，樣式上可以參考「滴滴打車」
2、作為產品經理規劃這些介面
3、作為設計師思考這些原型介面的設計
4、使用html在一個界有一說一，我已經玩了1年的AI程式設計，不論是Deepseek還是Grok，都無法動搖 Claude在程式設計領域的地位。
⚡ Cursor：15分鐘從原型到程式碼
有了原型圖，接下來就是開發了。可以參考我這篇文章學習Cursor怎麼入門。
直接用裡面的「Agent」功能，只需要把Claude生成的HTML原型圖丟給它，然後說：請基於這個原型圖，使用React Native開發一個完整的滴滴打人APP
然後…就等待神奇的事情！Cursor的AI agent會自動：
1. 分析原型圖結構
2. 規劃開發步驟
3. 設計合理的檔案結構
4. 編寫所有必要的元件
5. 實現頁面之間的導航邏輯
遇到問題了怎麼辦？直接問Agent！比如： ”這個地圖元件如何實現？””如何處理訂單狀態變化？””能不能最佳化一下效能？”
Agent每次都能給出超詳細的解決方案。正常來說15分鐘左右，它就能完成一個最小閉環的開發。
———— / E N D / ————
本文來自微信公眾號：餅乾哥哥資料分析，作者：餅乾哥哥