我用了这个产品经理的“Cursor”，做了一个网页编辑器

前段时间我分享了产品经理与设计师的Cursor：Onlook，这篇文章就得到了很多朋友的咨询，问这个工具是什么。

实际上我在公众号这篇文章里面有反复提到过，其实就是Onlook，不过如果一点产品经理的基础同学，实际上是不会用的，或者效果非常差

因为你连最基础的产品功能模块都不知道是什么，还不知道是做什么类型的系统，是B端还是APP，还是做一个小程序，那么就更别提让AI给你进行生成图片与页面了，自然你也得不到相关可以复用的代码，帮助你减少开发成本了。

所以要想用这款工具，帮助你生成页面与编译前段，首先你要是一个资深的产品经理，否则就效果大打折扣。

从现在来看，这个工具在做一些功能页面是完全没有问题的，下面是我们最近的一个H5页面（其实是响应式），你可用扫码查看

下面这个网页是是利用这款产品经理的Cursor工具实现的，你只需要懂产品经理的技能，就可生成，查看AI产品编译与产品设计效果

自带响应式以及不属于大厂UI设计师、UX设计师的交互效果，几乎可以让你感受到了前端专家喜悦。

当然产品经理自然也成了一个能够编码的选手了。

当然这个工具还有一个帮手，就是大大提升原型与高保真原型效果

这一点市面上的原型工具几乎都有，就是允许生成相关的原型与组件，不过这个工具有点厉害的是，可以生成一个完整的系统同时还能够反复迭代系统，理论上只要你愿意，你可以反复的增加功能模块，在以往结构上。

至少从以前要用AXURE或者墨刀等原型工具全部从0开始，或者用别人的模板修改，现在就prompt修改就可以完成创建，并且还不用担心原型里面的文案没有改，因为这款AI产品经理的前端工具，可以帮你完成示例文案生成。

我们用这个工具做了一网页编辑器

比如下面是我们生成的新媒体云木鸟新媒体平台，这个平台有相关创作入口以及演示入口，可以看到提示词是官网首页以及编辑器功能模块描述。

第一版本生成之后，这个工具还支持功能新增的提示词融入，有了基础框架之后还能够再次添加，如下是我再次更新需求之后的功能模块，网页更加完整了。

新增之后的优化需求之后，增加了如下功能，可以看到录屏效果，支持微信、小红书以及哔哩哔哩的图文编辑器前端代码。

可以看到这个工具可以帮助产品经理减少非常多的原型工作，当然现在还不能写需求文档，但是有了这个之后再做需求文档就更快了，尤其是在敏捷开发过程中，这一点是可以作为使用的，作为快速的原型效果，并且还原了交互与页面hover。

当然现在的页面hover是比价简单的，还没有看到有全新的交互效果，这一点需要产品经理做单独的组件与提示说明。

产品经理成为专业的react 前端开发，要先学习产品功能模块拆解

从而让你的工作更加专注在需求调研与功能模块分析下，到底需要什么标准化的功能模块，能够用标准的产品经理结构整理出来，并且来能够整理出关键术语，比如我们在B端产品经理使用的RBAC、消息通知这些权限功能模块与消息通知。

但是有一个前提是，一定要有产品经理技能，否则就是痴心妄想，比如让你设计一个CRM系统，但里面有什么核心功能模块，如果你没有竞品调研与用户体验，再加上业务部门的业务流程沟通，那就根本不可能绘制出来。

如下是我在B端产品经理训练营要求学生做的基础技能训练，产品拆解。

就是梳理产品的前端功能、后端管理功能，才能够说如何让AI帮助你绘制生成对应的前端功能模块与后端模块，并且懂用户的路径与操作模块，才能说这个系统有人使用，完成业务闭环。

如下是我们罗列一些常见的主流系统，比如有OA、HR、以及工单管理系统、电商管理系统，还有APP的消息通知、短信推送、大数据管理等。

这些都是我们作为产品经理才能把握的。

以上就是今天的分享

“关注我，一个产品经理的创业故事”

“关注我，了解第一批空间计算的产品经理做什么”

点击加入XR空间计算开发者、产品经理交流群

AI开源项目拆解群，以及每天体验1款APP

我创建的产品设计打卡社群，加入后365天，每天体验一款APP。提升产品设计能力，同时有1300份体验报告帮助你找到竞品。

在这里你可以随时查询到你想找的各类竞品行业APP以及我收集整理的开源Github项目，马上得到APP的一手产品优化、交互设计、功能描述信息。

从优化&建议、商业模式、运营、功能描述、交互设计、产品定位至少6个维度，体验一款应用。

平均1天1块钱，扫码购买即可加入

连续体验48款应用，通过后原路退回

报名后添加星球助理

PMTalk123