这是一个创建于 466 天前的主题，其中的信息可能已经有所发展或是发生改变。
最近看到 V2 好多人发了 Cursor 相关的帖子，给人的感觉就是它很强，正好上周我有一个网站需求（邀请函制作网站），就下载了 Cursor 进行测试，历时一周正式上线，体验地址是：https://koalaray.com。下面简单分享一下我使用 Cursor 的一些感受。
背景介绍
我是一个练习时长两年半的产品经理，虽然大学学的是 CS 专业，但毕业后没从事开发工作，凭着水了几年的编程知识，我就开始整活了。
制作网站用到工具
- Cursor：用一个数字形容的话，那就是 6 ，用一个字形容的话，那就是牛。在表述到位的情况下，Cursor 生成的内容基本符合我预期，同时还可以借助上下文检索、上传图片、网址检索来帮助 Cursor 进一步优化输出结果。如果使用者熟悉提示词的话，使用 Cursor 开发将事半功倍。
- MidJourney：老牌文生图网站了，在本次网站制作中我主要是拿它来生成模板图片。实测用 ChatGPT 生成绘画提示词时，让它一次性提供不同风格的提示词更容易找到合适的图片。
- ChatGPT：在本次网站制作主要用于文案润色、关键词分析、SEO 优化、绘画提示词生成四方面，生成结果比较依赖提示词质量。
制作网站时遇到的一些挑战
视觉设计问题
一开始实现网站 MVP 功能时，页面看起来非常简陋，然后我通过引入 Tailwind CSS ，并用提示词让 Cursor 对网站的样式进行大量优化。实测分步优化页面效果更佳，例如优化完首页后，再让 Cursor 参考首页来完善其它页面，会让网站整体风格更加一致。
开发问题
因为我在开发方面比较菜，所以在制作模板编辑器遇到了很多问题，算是整个过程中最难的一部分。主要卡点是图片导出，其次是功能栏的交互。我花了两天时间解决这两个卡点相关的 bug ，最后做出来的效果差强人意，不过结合我自身的编程水平也还能接受。
一些个人看法
AI 的发展实在是太快了，让普通人也有了成为超级个体的可能。放在以前让我一周独立制作这样一个网站听起来有点天方夜谭了，但是现在在 AI 的帮助下我做出来了。后面还是要坚持水 V2 ，多收集一些好用的 AI 工具哈哈。
 | 1 ZGame 2024-09-09 13:02:49 +08:00 干,产品是真闲阿  |
 | 2 lizhenda 2024-09-09 13:56:02 +08:00 漫画很有意思哈 |
 | 4 dylan593 OP @lizhenda https://imgflip.com/memegenerator 我用这个做的哈哈哈，meme 生成器 |
 | 5 38mbxsuZUxppIT6W 2024-09-09 14:18:42 +08:00 邀请函不错，漫画也很有意思，点个赞 |
 | 6 zack5337 2024-09-09 14:26:43 +08:00 MidJourney 这个也是需要 pro 开通才能使用吧 |
 | 7 awesomes 2024-09-09 14:46:53 +08:00 看到这个成品我就放心了 |
| 8 dylan593 OP @xiaochuangyi 谢谢 |
| 9 dylan593 OP @zack5337 我是用的第三方中转站的 apikey 画的，不用开 pro ，站里有好几家中转站的推广，选个便宜的冲小额用就好 |
| 11 dylan593 OP 顺便分享一下我使用的提示词： """ # Role: Cursor 开发助手 ## Profile: - author: Dylan - version: 1.0 - language: 中文 - description: 本模块旨在帮助用户快速使用 Cursor 生成符合预期的代码内容 ## Background: Cursor 开发助手是一名顶尖的编程专家，特别擅长使用各种编程语言来实现复杂的功能，同时也善于理解用户意图，能够轻易洞察用户言语背后的真实需求，并将其抽象成逻辑概念，进而产出优质的代码来实现需求。 ## Goals: 1. 根据用户的描述分析用户真实需求，并向用户确认需求详情。 2. 结合上下文分析代码内容，更新的代码要贴合用户调整建议。 3. 当需求存在歧义时，提供不同的解决方案给到用户进行选择。 4. 遵循代码的设计规范，输出高质量的代码，产出的代码具备可读性、可用性。 5. 当一个功能前后修改内容较多时，备份初始版本的代码内容以便用户还原。 ## Constrains: 1. 保持代码的输出贴合用户提出的需求点，围绕核心需求点进行回答。 2. 当输出多处需要调整的代码时，备注相关的文件信息。 3. 向用户确认信息时，用通俗易懂的大白话与用户沟通。 4. 当输出上下文联系较为紧密的代码时，避免出现省略、简写等情况。 ## Attention - 当用户明确表示输出结果不对时，避免继续在错误的方向讨论 - 避免书面语，加入更多口语元素 ## Skills: 1. 具备极强的洞察力，能够进行创造性的思考，将用户的真实需求提炼出来。 2. 擅长使用各种编程语言输出用户需要的代码内容。 3. 能够使用通俗易懂的语言与用户沟通。 4. 拥有良好的文字组织能力，能够将代码的内容解释得清清楚楚。 5. 能够根据需求提供不同的解决方案，并说明方案的优缺点以供用户选择。 ## Workflows: 1. 分析用户提供的信息，一步步思考，确定用户的需求，并向用户进行二次确认。 2. 根据需求输出相关功能的代码，并向用户进行简要讲解。 3. 根据用户反馈进行代码调整，全力以赴满足用户的调整要求。 5. 当用户的需求满足后，提供优化建议，按实现难度由低到高排序进行输出。 ## Definition Cursor 开发助手十分擅长理解用户需求，产出高质量的代码解决用户的问题，同时能用通俗易懂的语言来与用户进行沟通，减少交流障碍，输出更加匹配用户需求的结果。 ## Initialization: 以 “您好，请描述您想要实现的功能，建议以 STAR 方法进行表述，然后我会帮你完成功能开发” 为开场白启动对话。 """ |
 | 12 lp7631010 2024-09-09 14:58:50 +08:00 属于能干，但干出的东西不一定能百分百还原，当然这已经就很牛了 |
| 13 dylan593 OP @lp7631010 对，我觉得 Cursor 很适合拿来做 MVP ，验证想法是否与市场需求匹配，错了不亏，对了就好玩了哈哈 |
 | 14 lambdaX999 2024-09-09 17:05:36 +08:00 还是要懂点 code 的产品经理才行 |
| 15 dylan593 OP @lambdaX999 懂点代码的做事实在一点，上次项目对接让我想到了之前那个让 app 主题颜色根据用户手机壳变色的段子，太搞心态了 |
 | 16 brilliantLin 2024-09-09 17:50:40 +08:00 用的中转站是哪家的，推荐一下 |
| 17 dylan593 OP 我用 KKSJ 的，站里还有很多中转站的信息，可以对比一下再买 |
 | 18 lovestudykid 2024-09-09 21:45:56 +08:00 我发现 claude 真的很爱用 hover:scale 这个效果... |
| 19 dylan593 OP @lovestudykid claude: 一招鲜吃遍天  |
 | 20 flytsuki 2024-09-10 11:02:18 +08:00 一个礼拜做成这样我就放心了  |
 | 21 wjxwang 359 天前 一周很厉害了，这个在做之前需要先写个 prd 画原型图等等吗？还是直接就在 cursor 先搭个简版，再逐渐在 cursor 上完善功能 |
Select Language