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

106 天前
 dylan593

最近看到 V2 好多人发了 Cursor 相关的帖子,给人的感觉就是它很强,正好上周我有一个网站需求(邀请函制作网站),就下载了 Cursor 进行测试,历时一周正式上线,体验地址是:https://koalaray.com。下面简单分享一下我使用 Cursor 的一些感受。

背景介绍

我是一个练习时长两年半的产品经理,虽然大学学的是 CS 专业,但毕业后没从事开发工作,凭着水了几年的编程知识,我就开始整活了。

制作网站用到工具

制作网站时遇到的一些挑战

视觉设计问题

一开始实现网站 MVP 功能时,页面看起来非常简陋,然后我通过引入 Tailwind CSS ,并用提示词让 Cursor 对网站的样式进行大量优化。实测分步优化页面效果更佳,例如优化完首页后,再让 Cursor 参考首页来完善其它页面,会让网站整体风格更加一致。

开发问题

因为我在开发方面比较菜,所以在制作模板编辑器遇到了很多问题,算是整个过程中最难的一部分。主要卡点是图片导出,其次是功能栏的交互。我花了两天时间解决这两个卡点相关的 bug ,最后做出来的效果差强人意,不过结合我自身的编程水平也还能接受。

一些个人看法

AI 的发展实在是太快了,让普通人也有了成为超级个体的可能。放在以前让我一周独立制作这样一个网站听起来有点天方夜谭了,但是现在在 AI 的帮助下我做出来了。后面还是要坚持水 V2 ,多收集一些好用的 AI 工具哈哈。

2633 次点击
所在节点    分享创造
20 条回复
ZGame
106 天前
干,产品是真闲阿
lizhenda
106 天前
漫画很有意思哈
dylan593
106 天前
@ZGame 最近项目刚完结,比较有空
dylan593
106 天前
@lizhenda https://imgflip.com/memegenerator 我用这个做的哈哈哈,meme 生成器
xiaochuangyi
106 天前
邀请函不错,漫画也很有意思,点个赞
zack5337
106 天前
MidJourney 这个也是需要 pro 开通才能使用吧
awesomes
106 天前
看到这个成品我就放心了
dylan593
106 天前
@xiaochuangyi 谢谢
dylan593
106 天前
@zack5337 我是用的第三方中转站的 apikey 画的,不用开 pro ,站里有好几家中转站的推广,选个便宜的冲小额用就好
dylan593
106 天前
@awesomes 毕竟小白,能玩就行
dylan593
106 天前
顺便分享一下我使用的提示词:
"""
# 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
106 天前
属于能干,但干出的东西不一定能百分百还原,当然这已经就很牛了
dylan593
106 天前
@lp7631010 对,我觉得 Cursor 很适合拿来做 MVP ,验证想法是否与市场需求匹配,错了不亏,对了就好玩了哈哈
lambdaX999
106 天前
还是要懂点 code 的产品经理才行
dylan593
106 天前
@lambdaX999 懂点代码的做事实在一点,上次项目对接让我想到了之前那个让 app 主题颜色根据用户手机壳变色的段子,太搞心态了
brilliantLin
106 天前
用的中转站是哪家的,推荐一下
dylan593
106 天前
我用 KKSJ 的,站里还有很多中转站的信息,可以对比一下再买
lovestudykid
105 天前
我发现 claude 真的很爱用 hover:scale 这个效果...
dylan593
105 天前
@lovestudykid claude: 一招鲜吃遍天
flytsuki
105 天前
一个礼拜做成这样我就放心了

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/1071263

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX