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等开源图标库，让原型显得更精美和接近真实我希望这些界面是需要能直接拿去进行开发的 这里有三个关键点： 1、选择Claude 3.7 Sonnet模型，不建议thinking 2、选择composer normal模式，或者说0.46版本中editor模式，不要选择agent，不要选择agent！ 3、由于一次性生成的html代码文件会太长，中间可能会截断或创建失败，你可以点击生成失败的代码文件，cursor会提醒你是否创建文件，然后把已经生成的一部分代码复制到新创建的文件中；接着，@对应代码文件，要求cursor继续补全文件。

2/ 步骤二：让Cursor根据原型图创建app 用Xcode创建一个新项目，然后在Cursor中打开项目的根目录（如果从来没开发过iOS项目，不知道这一步如何操作的，可以先去看我之前的iOS app开发视频） 在Cursor打开的iOS app开发项目根目录中发送上面得到的app原型图，然后要求： 请根据我提供的原型图完成这个app的设计 这一步依然有三个关键点： 1、选择Claude 3.7 Sonnet模型，thinking或非thinking都可以试试 2、选择agent模式，必须选择agent！ 3、这个过程中不断accept生成的代码文件就好了，创建完成后如果在Xcode调试出现bug，可以把xcode的报错提示复制回cursor，修bug场景建议使用thinking模型。 我这次测试过程中，两个步骤分别出现了一次cursor生成出错和一次Xcode报错，其他都一切顺利，得到的结果远超我的预期了。

全文链接：https://mp.weixin.qq.com/s/8STi5CntEehPiwR8rS1-Ag…

我又做了一期教学视频更完整的介绍这个能力。 https://www.youtube.com/watch?v=P8uT6McIaZc…