产品经理别再只画Axure了!用Cursor 10分钟手搓“可交互”原型
做产品经理最痛苦的是什么?
是你写了3000字的PRD,画了精美的Figma,结果开发告诉你:“这个逻辑实现不了”、“这个动效太复杂”、“排期要下个月”。
最后做出来的东西,和你脑子里的想法差了十万八千里。
大人,时代变了。
自从用了 Cursor(当前最强的AI代码编辑器),我现在的 workflow 是:只有想法 -> 此时此刻让 Cursor 写代码 -> 生成网页 -> 自己点点看逻辑顺不顺 -> 拿着运行的 Demo 去找开发谈需求。
今天不讲虚的,直接演示一个不懂代码的 PM,如何用 Cursor 搞定一个**数据看板(Dashboard)**的 MVP。
准备工作:把 Cursor 当作你的“技术合伙人”
下载安装 Cursor 就不废话了。作为 PM,你只需要知道两个快捷键:
Ctrl + I (Composer 模式):这是神技。你在这个框里打字提需求,它直接在整个项目里帮你写文件、改代码。
Ctrl + L (Chat 模式):用来问问题,比如“这段代码啥意思?”或者“怎么运行这个项目?”
实战一:拒绝静态图,直接搓一个“活”的看板
场景:你需要做一个后台用户数据概览,包含“日活曲线图”和“用户地域分布”。
传统做法:在 Axure 里拖控件,截图,写备注“这里要能点击”。
Cursor 做法:
第一步:新建文件夹,呼叫 Composer
在电脑上新建一个文件夹叫 demo-dashboard,用 Cursor 打开。
按下 Ctrl + I,输入提示词(Prompt):
Prompt:
"帮我用 HTML + Tailwind CSS + Echarts 写一个单页面的数据看板。
顶部是导航栏,左侧是菜单。
右侧内容区包含:
4个关键指标卡片(总用户、日活、收入、留存)。
一个折线图展示近7天流量。
一个饼图展示用户来源。
界面风格要现代、简洁,类似 Linear 或 Vercel 的设计风格。"
见证奇迹的时刻: 写完后,双击打开这个 index.html。 这时候,不用求UI,直接选中代码,Ctrl + K (针对选中代码提问): Prompt: 刷一下,代码变了,刷新网页,效果立竿见影。 实战价值:拿着这个 HTML 给开发看,告诉他:“我要的就是这个交互效果,配色和布局参考这个来。” 这比任何 PRD 都更有说服力。 场景:老板突然问你:“上周搞的活动,复购率到底多少?” 数分团队忙得飞起,让你排队。 Cursor 做法: Prompt (在 Chat 窗口): 筛选出上周(周一到周日)下单的用户。 计算这些用户里,有过2次以上购买记录的比例(复购率)。 排除掉退款订单(status = -1)。" Cursor 会直接吐出一段标准的 SQL。你复制到公司的查询后台跑一下,数据到手。 场景:你想加一个功能,开发说:“这个逻辑太复杂了,要把整个架构重构,做不了。” Cursor 做法: Prompt: Cursor 会分析代码引用关系,告诉你: “逻辑主要在 auth.service.ts 文件。” “只需要在第 45 行 loginSuccess 函数里加一个 if 判断即可。” 拿着这个结论去跟开发沟通(注意态度,是探讨不是打脸): 这时候,开发会把你当成懂技术的自己人,沟通效率瞬间提升 200%。 以前,PM 的产出是 文档。 我不是让你去写生产环境的代码(千万别,会被打死),而是利用 Cursor 快速具象化你的想法。 验证成本极低:想做什么功能,先花 10 分钟让 AI 跑个 Demo,不好用直接砍掉,不浪费开发资源。 沟通零歧义:代码是逻辑最严谨的语言,给开发看代码 Demo,胜过千言万语。 兄弟们,把 Axure 关了吧,打开 Cursor,你的产品经理之路会打开新世界的大门。
Cursor 会直接创建 index.html,然后一行行把代码写进去。你不需要懂 第二步:预览并调整 (迭代)
你会发现,图表是活的!鼠标放上去是有交互的!但是颜色可能有点丑。
"把顶部的指标卡片改成深色模式背景,数字加粗,变成橙色。另外,折线图的线条要做成平滑曲线,不要折线。"实战二:SQL 提取器 —— 别再等数分排期
只要你有数据库的表结构(哪怕是表头的截图,或者建表语句的文档),发给 Cursor。
"这是我们的订单表结构(粘贴字段名:order_id, user_id, amount, create_time)。
请帮我写一段 SQL:实战三:技术可行性探测 —— 拆穿“这个做不了”
如果你有权限访问代码库(Gitlab/Github),把代码拉下来用 Cursor 打开。
使用 @Codebase 功能(能够读取全库代码)。
"@Codebase 我们现在的用户登录逻辑是在哪个文件?如果我想在登录成功后,额外增加一个判断:‘如果是VIP用户,跳转到专属页面,否则跳到首页’,需要改动哪些文件?代码量大吗?"
“哎,我看了一下 auth.service.ts 里的逻辑,是不是在这里加个判断就可以?有没有什么潜在风险?”总结:PM 的核心竞争力变了
现在,借助 Cursor,PM 的产出可以是 MVP(最小可行性产品)。
作者声明本文无利益相关,欢迎值友理性交流,和谐讨论~
