国内使用Claude 3.7 sonnet的6种方法及Cursor+Claude3.7实现从原型到app开发

Claude3.7不仅纸面成绩非常抗打，而且实际实操更是让人拍案叫绝。

就在过去Claude 3.7发布后，全世界的用户用Claude 3.7制作了太多不可思议的作品，已经忍不住想要和大家分享一下Claude 3.7到底有多强了。

比如Padphone 老师用 Claude 3.7 做的卡片交互，每个组件和卡片都有视觉效果，太厉害了！

，时长00:17

仅需输入一张参考图，就能生成如此精美的效果，实在是牛！

甚至有用户使用Claude 3.7制作了一个3D城市，可以看到夜晚和白天的交替。

，时长00:58

只需要输入一个提示词，Claude 3.7 就能生成 HTML、JS 和 CSS 格式的动画卡片。

，时长00:20

更厉害的是，博主 @AI进化论花生 使用 Cursor 中的 Claude 3.7，直接生成了一整套 app 界面的原型图。

大家有没有发现，Claude 3.7相较3.5有了质的飞跃。

Claude3.5之前在我的印象里就是跑分没赢过，现实没输过，如今，随着 Claude 3.7 的推出，Claude 的编程能力再次实现了重大突破。

甚至可以说，Claude 3.7 的编程能力在当代已经无模型能及！

那么，如何在国内顺利用上claude 3.7 呢？别着急，今天给大家分享6种国内使用Claude 3.7 的方法，相信总有一种方法适合你！

-1-

官网/API使用

最直接的方式是通过官网使用 Claude，或者调用官方 API 将其接入自己的第三方应用。

关于 Claude 的注册教程，之前已经详细介绍过。

相关阅读：

Claude国内如何使用（2025最新）

其实方法并不复杂，使用海外邮箱（如 Google 或 Proton Mail）进行注册，然后通过 SMS 等接码平台完成海外手机号验证，随后按照指引操作即可完成注册。

如果需要订阅会员，则需要绑定海外支付卡片，如果没有，可以去用野卡解决。

官网链接：https://yeka.ai/i/AGENT

不过，Claude的封控政策比较严格，很多用户反馈前脚刚注册成功，后脚就被封控，如果你不想频繁被封，可以尝试以下替代方法。

-2-

亚马逊云

亚马逊云的Bedrock大模型托管平台允许用户无缝接入多个AI大模型，并支持无服务器运行。

该平台集成了多个顶级的主流大模型，Claude 3.7 Sonnet 早已被接入。

-3-

OpenRounter

OpenRouter 是一个聚合式大模型 API 平台，允许用户通过一个 API 访问多个不同公司的 AI 大语言模型。

开发者可以灵活选择不同 AI 模型进行推理，而无需单独注册和管理多个 API。

OpenRouter 官网的聊天窗口也接入了 Claude 3.7 Sonnet

-4-

Poe

Poe相信大家并不陌生，与其他平台不同，Poe不仅集成了顶级的主流AI聊天模型，还接入了众多的AI图片，视频，音频模型。

只需注册一个账号，里面所有的模型都可以使用。

可直接在主界面这里就可以使用 Claude 3.7模型，免费用户每日3000积分，日常体验完全够用。

-5-

Cursor

如果您是开发人员，想要使用Claude写代码，那Cursor绝对是不能错过，目前被认为是最棒的AI编程助手，在Claude 3.7发布后，Cursor也是第一时间就宣布接入，感兴趣的可以去体验一下。

相关阅读：

如何在国内订阅Cursor（2025全新方法）

-6-

免魔法使用方法

上面提到的五种方法，都是需要魔法的。如果你不想折腾网络，可以在2233.ai平台上使用Claude 3.7 ，甚至还有直接国内网络可调用的Claude 3.7的API。

2233.ai官网链接：https://2233.ai/i/AGENT

操作非常简单，只需要购买套餐就可以使用，而且2233.ai还提供了一日套餐，非常适合想要尝鲜的用户。

Cursor+Claude3.7实现从原型到app开发

一些人在用Claude 3.7 Sonnet生成 app原型图的尝试，受到启发，发现这么先生成不同界面的原型图再让Cursor基于原型图开发app会是很好的尝试。尤其是，你也可以不两步直接生成，而是在过程中更可视化地思考你要生产的原型，这对于非专业的产品经理来说，会是好得多的方式。

我今天做了些尝试后，效果让我感到惊艳。这里给大家介绍下具体的操作方式。

步骤一：新开项目文件生成HTML原型图
可以参考我的提示词，修改其中的要求。

我想开发一个ai自动记账app，现在需要输出原型图，请通过以下方式帮我完成app所有原型图片的设计。
1、思考用户需要ai记账app实现哪些功能
2、作为产品经理规划这些界面
3、作为设计师思考这些原型界面的设计
4、使用html在一个界面上生成所有的原型界面，可以使用FontAwesome等开源图标库，让原型显得更精美和接近真实
我希望这些界面是需要能直接拿去进行开发的
这里有三个关键点：

选择Claude 3.7 Sonnet模型，不建议thinking，thinking思维链比较慢；

选择composer normal模式，或者说0.46版本中editor模式，不要选择agent，不要选择agent！agent模式对代码长度有限制；

由于一次性生成的html代码文件会太长，中间可能会截断或创建失败，你可以点击生成失败的代码文件，cursor会提醒你是否创建文件，然后把已经生成的一部分代码复制到新创建的文件中；接着，@对应代码文件，要求cursor继续补全文件。

然后，打开补全完成的html，你就获得了类似下面的整个app所有主要界面的原型图👇

步骤二：让Cursor根据原型图创建app
用Xcode创建一个新项目，然后在Cursor中打开项目的根目录（Xcode是一个IOS应用开发软件，不知道怎么使用的可以网上搜索了解了，其他类似安卓，或者得其他应用开发，思路也是一样的）

在Cursor打开的iOS app开发项目根目录中发送上面得到的app原型图，然后要求：

请根据我提供的原型图完成这个app的设计

这一步依然有三个关键点：

选择Claude 3.7 Sonnet模型，thinking或非thinking都可以试试

选择agent模式，必须选择agent！

这个过程中不断accept生成的代码文件就好了，创建完成后如果在Xcode调试出现bug，可以把xcode的报错提示复制回cursor，修bug场景建议使用thinking模型。

我这次测试过程中，两个步骤分别出现了一次cursor生成出错和一次Xcode报错，其他都一切顺利，得到的结果远超我的预期了。

甚至，这个app大部分功能都已经是可以正常操作，逻辑正常的。

这个两步生成app的策略其实都离不开Claude 3.7的能力，核心用到了两点：

Claude 3.7生成原型的能力惊人

Cursor agent模式+Claude 3.7基于原型图多步骤完成任务能力惊人

下面是其他一些原型图

总结
以上只是演示了一个APP开发过程，其实最主要表述的是原型的开发，这一步就可以秒掉大多数基础的视觉交互设计师和前端开发工作了。只要你有产品思维，表达你想做的软件解决的是什么业务问题，需要实现的是什么样的功能就行了。

不管是APP开发、还是小程序开发，或者一个网站的开发实现，使用Cursor可以快速的实现你需要的原型，Cursor非常适合这样的工作，而且实现的界面非常标准化，配色、排版都是很到位。