让产品经理用上 Cursor，能做出怎样的东西呢？

[dylan593]

最近看到 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 工具哈哈。

[ZGame]

干,产品是真闲阿

[lizhenda]

漫画很有意思哈

[dylan593]

@ZGame 最近项目刚完结，比较有空

[dylan593]

@lizhenda https://imgflip.com/memegenerator 我用这个做的哈哈哈，meme 生成器

[xiaochuangyi]

邀请函不错，漫画也很有意思，点个赞

[zack5337]

MidJourney 这个也是需要 pro 开通才能使用吧

[awesomes]

看到这个成品我就放心了

[dylan593]

@xiaochuangyi 谢谢

[dylan593]

@zack5337 我是用的第三方中转站的 apikey 画的，不用开 pro ，站里有好几家中转站的推广，选个便宜的冲小额用就好

[dylan593]

@awesomes 毕竟小白，能玩就行

[dylan593]

顺便分享一下我使用的提示词：
"""
# 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 方法进行表述，然后我会帮你完成功能开发” 为开场白启动对话。
"""

[lp7631010]

属于能干，但干出的东西不一定能百分百还原，当然这已经就很牛了

[dylan593]

@lp7631010 对，我觉得 Cursor 很适合拿来做 MVP ，验证想法是否与市场需求匹配，错了不亏，对了就好玩了哈哈

[lambdaX999]

还是要懂点 code 的产品经理才行

[dylan593]

@lambdaX999 懂点代码的做事实在一点，上次项目对接让我想到了之前那个让 app 主题颜色根据用户手机壳变色的段子，太搞心态了

[brilliantLin]

用的中转站是哪家的，推荐一下

[dylan593]

我用 KKSJ 的，站里还有很多中转站的信息，可以对比一下再买

[lovestudykid]

我发现 claude 真的很爱用 hover:scale 这个效果...

[dylan593]

@lovestudykid claude: 一招鲜吃遍天

[flytsuki]

一个礼拜做成这样我就放心了