AI编程-用Cursor设计移动app原型新手教程

哈喽！伙伴们，我是小智，你们的AI向导。欢迎来到每日的AI学习时间。今天，我们将一起深入AI的奇妙世界，探索“AI编程-用Cursor设计移动app原型新手教程”，并学会本篇文章中所讲的全部知识点。还是那句话“不必远征未知，只需唤醒你的潜能！”跟着小智的步伐，我们终将学有所成，学以致用，并发现自身的更多可能性。话不多说，现在就让我们开始这场激发潜能的AI学习之旅吧。

AI编程-用Cursor设计移动app原型新手教程：

本篇文章介绍用Cursor来做移动app原型设计的实践，对比一下Trae和Cursor的差距。

Cursor 没有智能体的概念，它的ask模式相当于Trae的chat模式，agent模式则相当于Trae的builder模式。下面开始记录整个app原型设计的过程。

使用Cursor遵循的一个重要原则是：先用ask模式提问一些基本思路，及基本步骤，了解大概得流程后，再用agent进行代码开发，使用agent的时候，让它一小步骤，一小步骤的进行，这样整体比较可控。

app需求分析
1、先使用aks模型，跟AI设定角色：

2、开始进行app产品设计的对话，它会给我们提供一些建议：

3、开始进行产品需求描述的对话（这里只是一个实验，所以没有进行更深入的多轮需求对话）：

4、根据对话产出的内容，进行需求文档的生成（这里需要切换成agent模式，让它帮我们直接生成需求文档）：

app原型设计
1、（再切换回ask模式），进行产品原型设计前的对话：

2、向AI提原型设计的要求：

3、（切换到agent模式）开始进行原型设计：

逐一对每个页面进行原型设计：

4、仍然也是有页面滚动条的问题，进行小调整：

5、原型页面的效果图：

更多原型页面请查阅：

[index](http://47.98.221.121/prototype/cursor/app/)
[preview](http://47.98.221.121/prototype/cursor/app/preview.html)

cursor rules

新版本的cursor有一个新功能，能自动生成cursor rules：

生成的rules如下：

这个自动生成rules功能，我感觉是比较好的功能，就像上面描述的那样，这些规则将帮助开发团队保持设计一致性并提高工作效率。

嘿，伙伴们，今天我们的AI探索之旅已经圆满结束。关于“AI编程-用Cursor设计移动app原型新手教程”的内容已经分享给大家了。感谢你们的陪伴，希望这次旅程让你对AI能够更了解、更喜欢。谨记，精准提问是解锁AI潜能的钥匙哦！如果有小伙伴想要了解学习更多的AI知识，请关注我们的官网“AI智研社”，保证让你收获满满呦！