本文將分享如何使用 Cursor?和 Coze?這兩款A(yù)I工具，作為產(chǎn)品經(jīng)理以AI生成代碼的形式，快速構(gòu)建 AI 驅(qū)動(dòng)的心情畫報(bào)生成應(yīng)用，探索如何通過(guò) AI 提升工作效率。

一、產(chǎn)品效果展示

在個(gè)性化表達(dá)需求不斷提升的今天，用戶希望通過(guò)一種便捷而藝術(shù)化的方式分享心情。

用戶端功能

1. 簡(jiǎn)單輸入：支持文字輸入或情感快速選擇。
2. 一鍵生成：畫報(bào)生成全程自動(dòng)化，操作便捷。
3. 分享與保存：方便用戶分享到社交平臺(tái)或本地存儲(chǔ)。

管理端功能

1. 數(shù)據(jù)統(tǒng)計(jì)：實(shí)時(shí)監(jiān)測(cè)用戶行為與生成記錄。
2. 系統(tǒng)配置：重置某個(gè)設(shè)備的次數(shù)限制。

二、技術(shù)工具介紹

2.1 Cursor：產(chǎn)品經(jīng)理友好的智能代碼生成工具

官網(wǎng)地址https://www.Cursor.com/，在官網(wǎng)下載客戶端，注冊(cè)登錄后可試用。

Cursor優(yōu)點(diǎn)如下：

• 5sonnet的大模型能力在編程方面足夠優(yōu)秀
• 可以做到完全的無(wú)代碼進(jìn)行編程，Cursor可以直接新建/操作文件
• 可以進(jìn)行架構(gòu)設(shè)計(jì)/編碼/文檔編寫等工作
• 可以截圖溝通需求，可以直接截其他產(chǎn)品圖片要求復(fù)制
• 排查過(guò)程中可以直接引用代碼、瀏覽器控制臺(tái)截圖或者終端里面的日志進(jìn)行回復(fù)

為什么適合產(chǎn)品經(jīng)理？產(chǎn)品經(jīng)理掌握需求，對(duì)開發(fā)流程和IT技術(shù)有所了解，借助 Cursor，產(chǎn)品經(jīng)理可以覆蓋從概要設(shè)計(jì)到代碼開發(fā)、聯(lián)調(diào)測(cè)試直至上線運(yùn)維的全流程，讓非技術(shù)人員也能上手。

2.2 Coze：低成本高效的AI工作流工具

扣子（https://www.coze.cn）是字節(jié)跳動(dòng)旗下的AI 應(yīng)用開發(fā)平臺(tái)?？煽焖俅罱ɑ诖竽Ｐ偷母黝?AI 應(yīng)用，支持通過(guò) API 將 AI 應(yīng)用集成到你的業(yè)務(wù)系統(tǒng)中。

Coze的特點(diǎn)如下：

• AI應(yīng)用形式多樣：支持工作流、智能體、應(yīng)用多種形式使用Coze的AI能力
• AI生成能力強(qiáng)大：支持文本、圖片等多種形式生成
• 插件市場(chǎng)豐富：支持常見的天氣、OCR、搜索、地圖等豐富的插件，可無(wú)代碼集成到AI應(yīng)用中。

三、 開發(fā)流程

開發(fā)流程與普通應(yīng)用開發(fā)流程一致，從需求到上線全程可由一人完成。

3.1 需求分析

產(chǎn)品經(jīng)理整理需求，明確用戶輸入（如心情文字）和輸出（如畫報(bào)樣式）的大致需求，明確交互流程等功能性需求，過(guò)程中可以畫原型/草圖/類似產(chǎn)品界面、腦圖、功能清單等方式來(lái)描述需求；同時(shí)可讓Cursor補(bǔ)充性能和安全等方面非功能性需求。

3.2 AI 工作流搭建（Coze）

AI生成是本項(xiàng)目的核心功能，故需要先完成AI生產(chǎn)的配置和調(diào)試，在效果明確后再著手開發(fā)應(yīng)用，本項(xiàng)目使用了如下步驟和插件：

• 輸入分析（大模型）：識(shí)別用戶輸入文本的心情、城市、性別。
• 天氣查詢（插件）：根據(jù)用戶所在城市，調(diào)用天氣查詢插件，獲取天氣、溫度等信息
• 文本生成（大模型）：根據(jù)用戶心情和天氣，生成畫報(bào)圖片描述文字和心情詩(shī)句
• 圖像生成（大模型）：根據(jù)上一步的畫報(bào)描述文字和輸入分析中的性別，生成核心的圖片

3.3 功能代碼開發(fā)（Cursor）

使用Cursor的composer AI助手功能，全程無(wú)代碼進(jìn)行代碼開發(fā)和調(diào)試：

1）技術(shù)選型及頁(yè)面功能搭建：將已經(jīng)整理好的需求，截圖或以文本形式發(fā)送給composer，AI智能助手根據(jù)需求來(lái)分析采用的技術(shù)框架以及完成項(xiàng)目的功能代碼編寫，本項(xiàng)目采用HTML+Node.js+MySQL實(shí)現(xiàn)。

2）CozeAPI 調(diào)用及驗(yàn)證：將Coze的API文檔和個(gè)人的調(diào)用令牌，以文本形式發(fā)送給composer，AI智能助手將引導(dǎo)你進(jìn)行API的調(diào)試，如果出錯(cuò)則將錯(cuò)誤提示截圖發(fā)送給composer即可。

3.4 測(cè)試與優(yōu)化（Cursor）

借助 Cursor的錯(cuò)誤檢測(cè)和優(yōu)化建議，逐步完善代碼邏輯，主要通過(guò)瀏覽器的控制臺(tái)和終端日志進(jìn)行調(diào)試。初步功能代碼實(shí)現(xiàn)非?？?，20分鐘即可完成，但是過(guò)程中的調(diào)試和問(wèn)題排查耗費(fèi)大量時(shí)間。

3.5 部署上線

完成測(cè)試后，在本地完成打包，上傳到云服務(wù)器進(jìn)行安裝部署，本次個(gè)人驗(yàn)證使用的是阿里云服務(wù)器（2核2G，99元/年），通過(guò)安裝寶塔面板實(shí)現(xiàn)可視化安裝部署程序和數(shù)據(jù)庫(kù)，到此時(shí)已可以遠(yuǎn)程訪問(wèn)，再通過(guò)域名申請(qǐng)、備案，目前已實(shí)現(xiàn)域名訪問(wèn)，可通過(guò)以下鏈接親自體驗(yàn)畫報(bào)生成的便捷與創(chuàng)意

四、 項(xiàng)目心得

1.產(chǎn)品經(jīng)理與開發(fā)的邊界逐漸模糊

借助 Cursor，產(chǎn)品經(jīng)理可以直接在開發(fā)階段貢獻(xiàn)力量，而不僅局限于需求整理與結(jié)果驗(yàn)收。

2.AI 技術(shù)降低了創(chuàng)新門檻

Coze提供的低成本 API 服務(wù)，讓小團(tuán)隊(duì)也能實(shí)現(xiàn)高質(zhì)量的 AI 應(yīng)用。

3.客戶需求仍然是產(chǎn)品開發(fā)的關(guān)鍵

各種產(chǎn)品功能雖然可以通過(guò)AI工具、三方插件快速來(lái)實(shí)現(xiàn)，但是很可能是對(duì)用戶無(wú)效的功能，只有挖掘到用戶的痛點(diǎn)需求，幫助用戶解決了問(wèn)題，產(chǎn)品才有可能成功。

4.流量與變現(xiàn)是產(chǎn)品得以持續(xù)運(yùn)營(yíng)的核心要素

即使產(chǎn)品上線，沒(méi)有人來(lái)用，沒(méi)有商業(yè)模式，產(chǎn)品仍然沒(méi)有生命力，本次產(chǎn)品開發(fā)過(guò)程中已考慮了使用次數(shù)限制、廣告變現(xiàn)等內(nèi)容。