Claude 3.7的coding能力確實相對於Claude 3.5和別的模型有巨大的提升,解鎖了一些新的可能性。 例如你現在可以透過兩步,且是極為簡單的提示字就讓Cursor完成一個app可互動的初版的開發了: 第一步先讓Cursor產生全部的app介面原型圖第二步讓Cursor基於原型圖,在agent模式下完成所有介面開發。 這個兩步驟生成app的策略其實都離不開Claude 3.7的能力,核心用到了兩點: 1、Claude 3.7生成原型的能力驚人2、Cursor agent模式+Claude 3.7基於原型圖多步驟完成任務能力驚人下面是具體的操作步驟和提示詞👇
1/ 步驟一:新開項目文件產生HTML原型圖可以參考我的提示詞,修改其中的要求。 我想開發ai自動記帳app,現在需要輸出原型圖,請透過以下方式幫我完成app所有原型圖片的設計。 1.思考使用者需要ai記帳app實現哪些功能2、作為產品經理規劃這些介面3、作為設計師思考這些原型介面的設計4、使用html在一個介面上產生所有的原型介面,可以使用FontAwesome等開源圖示庫,讓原型顯得更精美和接近真實我希望這些介面是需要能直接拿去進行開發的這裡有三個關鍵點: 1723點 3.com normal模式,或說0.46版本中editor模式,不要選擇agent,不要選擇agent! 3.由於一次性生成的html代碼文件會太長,中間可能會截斷或創建失敗,你可以點擊生成失敗的代碼文件,cursor會提醒你是否創建文件,然後把已經生成的一部分代碼複製到新創建的文件中;接著,@對應代碼文件,要求cursor繼續補全文件。
2/ 步驟二:讓Cursor根據原型圖創建app 用Xcode創建一個新項目,然後在Cursor中打開項目的根目錄(如果從來沒開發過iOS項目,不知道這一步如何操作的,可以先去看我之前的iOS app開發視頻) 在Cursor打開的iOS app 1.選擇Claude 3.7 Sonnet模型,thinking或非thinking都可以試試2、選擇agent模式,必須選擇agent! 3.這個過程中不斷accept產生的程式碼檔案就好了,創建完成後如果在Xcode調試出現bug,可以把xcode的報錯提示複製回cursor,修bug場景建議使用thinking模型。 我這次測試過程中,兩個步驟分別出現了一次cursor生成出錯和一次Xcode報錯,其他都一切順利,得到的結果遠超我的預期了。
全文連結:
我又做了一期教學影片更完整的介紹這個能力。