V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
dylan593
V2EX  ›  分享创造

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

  •  
  •   dylan593 · 109 天前 · 2646 次点击
    这是一个创建于 109 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

    背景介绍

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

    banner

    制作网站用到工具

    • Cursor:用一个数字形容的话,那就是 6 ,用一个字形容的话,那就是牛。在表述到位的情况下,Cursor 生成的内容基本符合我预期,同时还可以借助上下文检索、上传图片、网址检索来帮助 Cursor 进一步优化输出结果。如果使用者熟悉提示词的话,使用 Cursor 开发将事半功倍。
    • MidJourney:老牌文生图网站了,在本次网站制作中我主要是拿它来生成模板图片。实测用 ChatGPT 生成绘画提示词时,让它一次性提供不同风格的提示词更容易找到合适的图片。
    • ChatGPT:在本次网站制作主要用于文案润色、关键词分析、SEO 优化、绘画提示词生成四方面,生成结果比较依赖提示词质量。

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

    视觉设计问题

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

    开发问题

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

    一些个人看法

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

    21 条回复    2024-12-25 10:45:52 +08:00
    ZGame
        1
    ZGame  
       109 天前
    干,产品是真闲阿
    lizhenda
        2
    lizhenda  
       109 天前
    漫画很有意思哈
    dylan593
        3
    dylan593  
    OP
       109 天前
    @ZGame 最近项目刚完结,比较有空
    dylan593
        4
    dylan593  
    OP
       109 天前
    @lizhenda https://imgflip.com/memegenerator 我用这个做的哈哈哈,meme 生成器
    xiaochuangyi
        5
    xiaochuangyi  
       109 天前
    邀请函不错,漫画也很有意思,点个赞
    zack5337
        6
    zack5337  
       109 天前
    MidJourney 这个也是需要 pro 开通才能使用吧
    awesomes
        7
    awesomes  
       109 天前
    看到这个成品我就放心了
    dylan593
        8
    dylan593  
    OP
       109 天前
    @xiaochuangyi 谢谢
    dylan593
        9
    dylan593  
    OP
       109 天前
    @zack5337 我是用的第三方中转站的 apikey 画的,不用开 pro ,站里有好几家中转站的推广,选个便宜的冲小额用就好
    dylan593
        10
    dylan593  
    OP
       109 天前
    @awesomes 毕竟小白,能玩就行
    dylan593
        11
    dylan593  
    OP
       109 天前
    顺便分享一下我使用的提示词:
    """
    # 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
        12
    lp7631010  
       109 天前
    属于能干,但干出的东西不一定能百分百还原,当然这已经就很牛了
    dylan593
        13
    dylan593  
    OP
       109 天前
    @lp7631010 对,我觉得 Cursor 很适合拿来做 MVP ,验证想法是否与市场需求匹配,错了不亏,对了就好玩了哈哈
    lambdaX999
        14
    lambdaX999  
       109 天前
    还是要懂点 code 的产品经理才行
    dylan593
        15
    dylan593  
    OP
       109 天前
    @lambdaX999 懂点代码的做事实在一点,上次项目对接让我想到了之前那个让 app 主题颜色根据用户手机壳变色的段子,太搞心态了
    brilliantLin
        16
    brilliantLin  
       109 天前
    用的中转站是哪家的,推荐一下
    dylan593
        17
    dylan593  
    OP
       109 天前
    我用 KKSJ 的,站里还有很多中转站的信息,可以对比一下再买
    lovestudykid
        18
    lovestudykid  
       109 天前
    我发现 claude 真的很爱用 hover:scale 这个效果...
    dylan593
        19
    dylan593  
    OP
       109 天前
    @lovestudykid claude: 一招鲜吃遍天
    flytsuki
        20
    flytsuki  
       108 天前
    一个礼拜做成这样我就放心了
    wjxwang
        21
    wjxwang  
       3 天前
    一周很厉害了,这个在做之前需要先写个 prd 画原型图等等吗?还是直接就在 cursor 先搭个简版,再逐渐在 cursor 上完善功能
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2793 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 24ms · UTC 02:52 · PVG 10:52 · LAX 18:52 · JFK 21:52
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.