ceoedu-pro主题已启用,当前站点还没有验证正版主题授权,暂不可使用 前往授权激活 获取正版授权
AI编程-用Cursor设计移动app原型新手教程 - AI智研社
小智头像图片
AI编程教程 2025年06月13日
0 收藏 0 点赞 145 浏览 765 个字
摘要 :

AI编程-用Cursor设计移动app原型新手教程: 本篇文章介绍用Cursor来做移动app原型设计的实践,对比一下Trae和Cursor的差距。 Cursor 没有智能体的概念,它的ask模式相当……

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

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

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

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

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

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

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

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

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

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

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

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

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

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

app原型设计
1、(再切换回ask模式),进行产品原型设计前的对话:

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

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

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

3、(切换到agent模式)开始进行原型设计:

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

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

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

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

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

5、原型页面的效果图:

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

更多原型页面请查阅:

[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:

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

生成的rules如下:

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

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

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

微信打赏二维码 微信扫一扫

支付宝打赏二维码 支付宝扫一扫

版权: 转载请注明出处:https://www.ai-blog.cn/18104.html

相关推荐

Kimi K2 发布并开源,擅长代码与 Agentic 任务: 今天,我们正式发布 Kimi K2 模型,并同步开源。 …

小智头像图片
151

AI编程-trae使用教程:IDE 设置: 常规设置​ 在设置中心,你可以修改通用设置,包括修改主题和语言…

小智头像图片
145

AI编程-trae使用教程:源代码管理: 在 Trae 中,你可以使用源代码管理功能(Source Control)来管…

小智头像图片
145

AI编程-trae使用教程:多模态输入​: 你可以在会话中添加图片,例如报错截图、设计稿、参考样式等…

小智头像图片
145

AI编程-trae使用教程:代码自动补全​: Trae 内置原生的 AI 代码补全功能,无需手动开启。在编辑器…

小智头像图片
145

AI编程-trae使用教程:智能问答指南: 侧边对话(Chat 模式)​ 侧边对话(Chat 模式)是编码过程中…

小智头像图片
145

谷歌Gemini CLI彻底火了,平替Claude Code: 谷歌 Gemini CLI 彻底火了。 这是一款开源的、能够运…

小智头像图片
145

AI编程-trae官方指南大全: 什么是 Trae?​ Trae(/treɪ/)与 AI 深度集成,提供智能问答、代码自…

小智头像图片
209
发表评论
暂无评论

还没有评论呢,快来抢沙发~

助力原创内容

快速提升站内名气成为大牛

扫描二维码

手机访问本站

二维码
vip弹窗图片