AI进化论-花生

AI进化论-花生

#Cursor#高保真app原型图#提示词

分享下早上提到的用Cursor+Claude 3.7 Sonnet一段话生成高保真app原型图的提示词,相比我自己前几天写的版本,主要解决了两个问题:1)原来的版本因为试图在一个html文件内生成过多代码,所以容易报错需要多次操作;2)生成的原型图还是不够精美。 新的提示词是解决了相关问题,以及同样只需要给Cursor直接发提示词就好了,不需要做任何额外的操作,相对而言比较新手友好。 👇 我想开发一个{类似小宇宙的播客app},现在需要输出高保真的原型图,请通过以下方式帮我完成所有界面的原型设计,并确保这些原型界面可以直接用于开发: 1、用户体验分析:先分析这个 App 的主要功能和用户需求,确定核心交互逻辑。 2、产品界面规划:作为产品经理,定义关键界面,确保信息架构合理。 3、高保真 UI 设计:作为 UI 设计师,设计贴近真实 iOS/Android 设计规范的界面,使用现代化的 UI 元素,使其具有良好的视觉体验。 4、HTML 原型实现:使用 HTML + Tailwind CSS(或 Bootstrap)生成所有原型界面,并使用 FontAwesome(或其他开源 UI 组件)让界面更加精美、接近真实的 App 设计。 拆分代码文件,保持结构清晰: 5、每个界面应作为独立的 HTML 文件存放,例如 home.html、profile.html、settings.html 等。 - index.html 作为主入口,不直接写入所有界面的 HTML 代码,而是使用 iframe 的方式嵌入这些 HTML 片段,并将所有页面直接平铺展示在 index 页面中,而不是跳转链接。 - 真实感增强: - 界面尺寸应模拟 iPhone 15 Pro,并让界面圆角化,使其更像真实的手机界面。 - 使用真实的 UI 图片,而非占位符图片(可从 Unsplash、Pexels、Apple 官方 UI 资源中选择)。 - 添加顶部状态栏(模拟 iOS 状态栏),并包含 App 导航栏(类似 iOS 底部 Tab Bar)。 请按照以上要求生成完整的 HTML 代码,并确保其可用于实际开发。 如果你对这套提示词是怎么迭代写出来的感兴趣,尤其是为什么我不会写代码为啥提示词里能表述这么多编程专业词汇,你可以看看这篇文章:

预览

相关信息

向阳乔木

向阳乔木

2025-05-10 08:52:58

挖个新坑,如何用提示词写出真正好笑的段子和脱口秀。

orange.ai

orange.ai

2025-05-07 07:25:55

继昨天 Google 给学生的大礼包之后 Cursor 也推出了学生大礼包 验证学生身份之后,直接送一年 Pro 会员 AI 时代的学生太爽了

karminski-牙医

karminski-牙医

2025-05-02 07:34:00

Cursor 发布的再 cursor 上最受欢迎的模型和使用频率增长最快的模型 这么看 Claude-3.5-Sonnet 真的是一代传奇, 到现在了都很能打 (图片来自 cursor 官推)

歸藏(guizang.ai)

歸藏(guizang.ai)

2025-04-29 08:53:23

我去,阿里的大招终于发布了!千问 3 开源 - 性能超越一众国内领先模型,也是全球最强的开源模型 - 开源8个尺寸模型最大235B,激活参数22B,最小0.6B - 支持类似Claude 3.7的混合推理,根据问题难度判断推理投入 - 原生支持各种 Agents 功能和 MCP 协议,对于Agents产品重大利好! 下面是详细介绍👇

向阳乔木

向阳乔木

2025-04-23 00:37:06

AI辅助,抽空读了Windsurf、Cursor、Devin三个AI编程工具的系统提示词。 角色定义 Windsurf:你是 Cascade,一个由 Codeium 工程团队设计的强大 agentic(具备自主行动能力的)AI 编程助手。你基于革命性的 AI Flow 范式运作,能够独立或与用户协作完成编程任务。 Cursor:你是一个由 Claude 3.7 Sonnet 驱动的强大 age

向阳乔木

向阳乔木

2025-04-18 23:25:43

Cursor里,MCP支持Tools工具上限是40个 随便装几个工具就满了,这还怎么串起来Workflow啊

评论 0

相关信息

向阳乔木

向阳乔木

2025-05-10 08:52:58

挖个新坑,如何用提示词写出真正好笑的段子和脱口秀。

orange.ai

orange.ai

2025-05-07 07:25:55

继昨天 Google 给学生的大礼包之后 Cursor 也推出了学生大礼包 验证学生身份之后,直接送一年 Pro 会员 AI 时代的学生太爽了

karminski-牙医

karminski-牙医

2025-05-02 07:34:00

Cursor 发布的再 cursor 上最受欢迎的模型和使用频率增长最快的模型 这么看 Claude-3.5-Sonnet 真的是一代传奇, 到现在了都很能打 (图片来自 cursor 官推)

歸藏(guizang.ai)

歸藏(guizang.ai)

2025-04-29 08:53:23

我去,阿里的大招终于发布了!千问 3 开源 - 性能超越一众国内领先模型,也是全球最强的开源模型 - 开源8个尺寸模型最大235B,激活参数22B,最小0.6B - 支持类似Claude 3.7的混合推理,根据问题难度判断推理投入 - 原生支持各种 Agents 功能和 MCP 协议,对于Agents产品重大利好! 下面是详细介绍👇

向阳乔木

向阳乔木

2025-04-23 00:37:06

AI辅助,抽空读了Windsurf、Cursor、Devin三个AI编程工具的系统提示词。 角色定义 Windsurf:你是 Cascade,一个由 Codeium 工程团队设计的强大 agentic(具备自主行动能力的)AI 编程助手。你基于革命性的 AI Flow 范式运作,能够独立或与用户协作完成编程任务。 Cursor:你是一个由 Claude 3.7 Sonnet 驱动的强大 age

向阳乔木

向阳乔木

2025-04-18 23:25:43

Cursor里,MCP支持Tools工具上限是40个 随便装几个工具就满了,这还怎么串起来Workflow啊