前段時間我分享了產(chǎn)品經(jīng)理與設(shè)計師的Cursor：Onlook，這篇文章就得到了很多朋友的咨詢，問這個工具是什么。

實際上我在公眾號這篇文章里面有反復(fù)提到過，其實就是Onlook，不過如果一點產(chǎn)品經(jīng)理的基礎(chǔ)同學(xué)，實際上是不會用的，或者效果非常差

因為你連最基礎(chǔ)的產(chǎn)品功能模塊都不知道是什么，還不知道是做什么類型的系統(tǒng)，是B端還是APP，還是做一個小程序，那么就更別提讓AI給你進行生成圖片與頁面了，自然你也得不到相關(guān)可以復(fù)用的代碼，幫助你減少開發(fā)成本了。

所以要想用這款工具，幫助你生成頁面與編譯前段，首先你要是一個資深的產(chǎn)品經(jīng)理，否則就效果大打折扣。

從現(xiàn)在來看，這個工具在做一些功能頁面是完全沒有問題的，下面是我們最近的一個H5頁面（其實是響應(yīng)式），你可用掃碼查看

下面這個網(wǎng)頁是是利用這款產(chǎn)品經(jīng)理的Cursor工具實現(xiàn)的，你只需要懂產(chǎn)品經(jīng)理的技能，就可生成，查看AI產(chǎn)品編譯與產(chǎn)品設(shè)計效果

自帶響應(yīng)式以及不屬于大廠UI設(shè)計師、UX設(shè)計師的交互效果，幾乎可以讓你感受到了前端專家喜悅。

當(dāng)然產(chǎn)品經(jīng)理自然也成了一個能夠編碼的選手了。

當(dāng)然這個工具還有一個幫手，就是大大提升原型與高保真原型效果

這一點市面上的原型工具幾乎都有，就是允許生成相關(guān)的原型與組件，不過這個工具有點厲害的是，可以生成一個完整的系統(tǒng)同時還能夠反復(fù)迭代系統(tǒng)，理論上只要你愿意，你可以反復(fù)的增加功能模塊，在以往結(jié)構(gòu)上。

至少從以前要用AXURE或者墨刀等原型工具全部從0開始，或者用別人的模板修改，現(xiàn)在就prompt修改就可以完成創(chuàng)建，并且還不用擔(dān)心原型里面的文案沒有改，因為這款A(yù)I產(chǎn)品經(jīng)理的前端工具，可以幫你完成示例文案生成。

我們用這個工具做了一網(wǎng)頁編輯器

比如下面是我們生成的新媒體云木鳥新媒體平臺，這個平臺有相關(guān)創(chuàng)作入口以及演示入口，可以看到提示詞是官網(wǎng)首頁以及編輯器功能模塊描述。

第一版本生成之后，這個工具還支持功能新增的提示詞融入，有了基礎(chǔ)框架之后還能夠再次添加，如下是我再次更新需求之后的功能模塊，網(wǎng)頁更加完整了。

新增之后的優(yōu)化需求之后，增加了如下功能，可以看到錄屏效果，支持微信、小紅書以及嗶哩嗶哩的圖文編輯器前端代碼。

可以看到這個工具可以幫助產(chǎn)品經(jīng)理減少非常多的原型工作，當(dāng)然現(xiàn)在還不能寫需求文檔，但是有了這個之后再做需求文檔就更快了，尤其是在敏捷開發(fā)過程中，這一點是可以作為使用的，作為快速的原型效果，并且還原了交互與頁面hover。

當(dāng)然現(xiàn)在的頁面hover是比價簡單的，還沒有看到有全新的交互效果，這一點需要產(chǎn)品經(jīng)理做單獨的組件與提示說明。

產(chǎn)品經(jīng)理成為專業(yè)的react 前端開發(fā)，要先學(xué)習(xí)產(chǎn)品功能模塊拆解

從而讓你的工作更加專注在需求調(diào)研與功能模塊分析下，到底需要什么標(biāo)準(zhǔn)化的功能模塊，能夠用標(biāo)準(zhǔn)的產(chǎn)品經(jīng)理結(jié)構(gòu)整理出來，并且來能夠整理出關(guān)鍵術(shù)語，比如我們在B端產(chǎn)品經(jīng)理使用的RBAC、消息通知這些權(quán)限功能模塊與消息通知。

但是有一個前提是，一定要有產(chǎn)品經(jīng)理技能，否則就是癡心妄想，比如讓你設(shè)計一個CRM系統(tǒng)，但里面有什么核心功能模塊，如果你沒有競品調(diào)研與用戶體驗，再加上業(yè)務(wù)部門的業(yè)務(wù)流程溝通，那就根本不可能繪制出來。

如下是我在B端產(chǎn)品經(jīng)理訓(xùn)練營要求學(xué)生做的基礎(chǔ)技能訓(xùn)練，產(chǎn)品拆解。

就是梳理產(chǎn)品的前端功能、后端管理功能，才能夠說如何讓AI幫助你繪制生成對應(yīng)的前端功能模塊與后端模塊，并且懂用戶的路徑與操作模塊，才能說這個系統(tǒng)有人使用，完成業(yè)務(wù)閉環(huán)。

如下是我們羅列一些常見的主流系統(tǒng)，比如有OA、HR、以及工單管理系統(tǒng)、電商管理系統(tǒng)，還有APP的消息通知、短信推送、大數(shù)據(jù)管理等。

這些都是我們作為產(chǎn)品經(jīng)理才能把握的。

以上就是今天的分享

“關(guān)注我，一個產(chǎn)品經(jīng)理的創(chuàng)業(yè)故事”

“關(guān)注我，了解第一批空間計算的產(chǎn)品經(jīng)理做什么”

點擊加入XR空間計算開發(fā)者、產(chǎn)品經(jīng)理交流群

AI開源項目拆解群，以及每天體驗1款A(yù)PP

我創(chuàng)建的產(chǎn)品設(shè)計打卡社群，加入后365天，每天體驗一款A(yù)PP。提升產(chǎn)品設(shè)計能力，同時有1300份體驗報告幫助你找到競品。

在這里你可以隨時查詢到你想找的各類競品行業(yè)APP以及我收集整理的開源Github項目，馬上得到APP的一手產(chǎn)品優(yōu)化、交互設(shè)計、功能描述信息。

從優(yōu)化&建議、商業(yè)模式、運營、功能描述、交互設(shè)計、產(chǎn)品定位至少6個維度，體驗一款應(yīng)用。

平均1天1塊錢，掃碼購買即可加入

連續(xù)體驗48款應(yīng)用，通過后原路退回

報名后添加星球助理

PMTalk123