我用AI上線一個插件后,整理了一份小白也能用的AI編程指南
文章分享了作者從 2024 年 8 月開始使用 Cursor 進(jìn)行 AI 編程的經(jīng)歷,對比了傳統(tǒng)產(chǎn)品開發(fā)與 AI 編程開發(fā)的流程,介紹了 AI 編程開發(fā)工具,并通過案例展示了如何利用 AI 進(jìn)行產(chǎn)品開發(fā),強(qiáng)調(diào)了高頻實踐的重要性。
我是從24年8月份開始用Cursor做AI編程的,當(dāng)時的AI模型是claude3.5,cursor里主打的模式是Chat AI。當(dāng)時的AI只負(fù)責(zé)寫代碼的事情,人要負(fù)責(zé)安裝環(huán)境、創(chuàng)建文件夾、寫需求、做測試等各種事情。
我當(dāng)時就想把“AI精選工具庫”從飛書文檔做成網(wǎng)站,然而我用3.5畫了半個月的頁面樣式,就是死活做不出來我想要的效果,為此我還特意去學(xué)了vue架構(gòu)里的前端模塊搭配原則,只為了讓頁面能夠稍微好看一點(diǎn)點(diǎn)。
24年的AI編程還是AI輔助人來干活,人得幫助AI處理好每一個環(huán)節(jié)的事情。
前兩周我因為提示詞太多了,天天翻文檔找來找去有點(diǎn)累,于是我準(zhǔn)備開發(fā)一個“提示詞管理助手”。開發(fā)前我在想按照現(xiàn)在的AI編程能力,我該用什么樣的思路去開發(fā)。
今年對比24年,模型在編程能力上提升了很多,claude4設(shè)計的樣式和交互更加精美;而Cursor的Agent模式更是質(zhì)的提升,人現(xiàn)在只需要負(fù)責(zé)提需求、反饋測試結(jié)果,剩下的事情都可以交給Agent模式來搞定了。
基于目前的趨勢來看,AI編程能力今年還會有很大的提升。
那我只需要搞定這幾件事情就可以了:
1.?想清楚自己到底要做什么樣的產(chǎn)品
2.?跟AI講清楚自己的需求
3.?測試并給AI反饋需求實現(xiàn)情況
4.?上線后進(jìn)行效果分析
于是我用這套邏輯開發(fā)出來了“提示詞管理助手”,收到了大家很多好評。正好最近總有小伙伴問該如何用AI編程這個事情,我來用這篇文章和大家整體分享一下我的思路。
1.傳統(tǒng)產(chǎn)品開發(fā)和AI編程開發(fā)的區(qū)別
那么先讓我們從開發(fā)的標(biāo)準(zhǔn)化流程開始講起,傳統(tǒng)產(chǎn)品開發(fā)的流程是這樣的:
我們來看一下這個流程每一個環(huán)節(jié)的價值:
- 業(yè)務(wù)方提需求:說清楚這版產(chǎn)品要做什么,是為了做商業(yè)化還是提升留存還是基礎(chǔ)功能迭代。
- 產(chǎn)品經(jīng)理寫prd:基于業(yè)務(wù)需求和現(xiàn)有系統(tǒng),產(chǎn)出可行性的prd需求文檔,需求文檔用于跟研發(fā)講清楚需求更細(xì)節(jié)的邏輯是什么;比如說這版需求是為了做基礎(chǔ)功能迭代,那需要迭代那一塊,迭代成什么樣子。
- 需求評審:拉上研發(fā)、設(shè)計師和需求方,大家一起討論一下需求文檔的落地可能性到底怎么樣,如果產(chǎn)品經(jīng)理要一個五彩斑斕的黑,那會上會受到程序員的暴擊;需求評審會大家都確認(rèn)沒問題了,需求才會去往下落地。
- 設(shè)計出圖:設(shè)計師產(chǎn)出對應(yīng)的頁面樣式圖,和產(chǎn)品經(jīng)理、業(yè)務(wù)方確認(rèn)后會給到研發(fā)進(jìn)行開發(fā)。
- 研發(fā)開發(fā):基于需求文檔和頁面樣式圖,研發(fā)進(jìn)行開發(fā)。
- 測試交付:測試工程師會基于需求文檔測試研發(fā)開發(fā)出來的產(chǎn)品怎么樣,是否能發(fā)版上線。
- 產(chǎn)品上線:產(chǎn)品驗收完了沒問題了,可以發(fā)布給用戶用了。
- 效果分析:產(chǎn)品上線后分析是否符合當(dāng)初預(yù)期,有無效果。
從這個流程中大家也可以看到,在沒有AI的時代想做個產(chǎn)品有多么的費(fèi)勁,個人開發(fā)者要是能把這些都搞定,那他太全能了,每個環(huán)節(jié)的技能點(diǎn)都不能缺席。
在AI編程下整體的流程可以簡化一些,因為AI可以把很多活一起干了,我的開發(fā)流程是這樣的:
可以看到和傳統(tǒng)開發(fā)對比少了很多模塊,那傳統(tǒng)產(chǎn)品開發(fā)和AI編程開發(fā)的區(qū)別是什么?
把每一個環(huán)節(jié)標(biāo)準(zhǔn)化作業(yè)的內(nèi)容交給AI。
prd、設(shè)計圖、代碼開發(fā),這都是足夠標(biāo)準(zhǔn)化的內(nèi)容,把這些交給AI來做就好了。
人核心想清楚自己要做什么,然后就是配合AI開發(fā)完產(chǎn)品,等上線后進(jìn)行數(shù)據(jù)分析就好了。
傳統(tǒng)產(chǎn)品開發(fā)更注重流程協(xié)作,而AI編程開發(fā)更注重講清楚需求。
在AI編程開發(fā)的路徑里,不需要你有豐富的代碼經(jīng)驗、不需要你有豐富的產(chǎn)品設(shè)計經(jīng)驗,哪怕你是零代碼經(jīng)驗的小白,只要你愿意實踐,你都可以通過和AI協(xié)作來完成一款產(chǎn)品,發(fā)布上線給大家用。
AI編程開發(fā)里的門檻,不再是技能的門檻,而是你有沒有一個真正想解決的問題,愿不愿意去嘗試把它做出來。
2. AI編程開發(fā)工具介紹
2.1 工具匯總
了解完AI編程開發(fā)的整體流程,接下來我們就該準(zhǔn)備工具了。
我自己日常在AI編程開發(fā)中用到的工具是這些:
- 想清楚要做什么:一般都是和chatgpt討論,也可以用gemini或者claude,模型只是幫助人思考更多可能性,核心還是人要自己清楚做這個版本需求的價值是什么。
- AI寫prd:gemini2.5 pro,量大管飽效果好。
- AI開發(fā)及測試反饋:用Cursor就行了,功能最齊全。
- 產(chǎn)品上線及效果分析:這個要看具體做什么產(chǎn)品了,每一個的載體平臺都不一樣。
估計看到這里有些朋友會覺得這個工具有點(diǎn)多啊,能不能用一個工具一下子把這些流程都覆蓋掉?畢竟每個平臺要開個會員還是挺貴的。
那直接用Cursor這款工具就好了,它支持各種模型的調(diào)用,和AI討論需求、寫prd、開發(fā)及測試都可以在Cursor里一站式搞定。
但cursor里20刀的會員每個月只能發(fā)出500次請求,對于高頻編程的人來說這些請求其實是不太夠用的;所以我一般都是把除了AI開發(fā)外的事情都扔到其它工具上去用,這樣來讓cursor的額度剛好滿足我的開發(fā)。
如果你覺得Crusor太貴了,那剛開始還可以用windsurf或者trea,但我自己的體驗下來我覺得還是cursor排第一;如果是編程的老手可以考慮用Cursor+Claude code,這樣編程效率也蠻不錯的。
2.2 Cursor介紹
下載鏈接:https://www.cursor.com/
安裝好cursor打開頁面,它會讓你選擇要進(jìn)入的項目文件夾。
對于編程來說,每一個項目文件夾都代表著一個項目,所以大家在做項目之前,要記得給每一個項目單獨(dú)建一個文件夾,用英文名稱命名;然后點(diǎn)擊“Open project”打開項目文件即可。
選擇好文件夾進(jìn)入cursor頁面,我們只需要重點(diǎn)關(guān)注左側(cè)文件夾管理區(qū)域和右側(cè)AI助手欄即可,這是我們重點(diǎn)和AI交互寫代碼的地方。
更細(xì)節(jié)的內(nèi)容我們就用案例來展示了,如果你想了解cursor的更多細(xì)節(jié)功能實用方法,也可以直接問chatgpt:
3.AI編程開發(fā)案例展示
案例中涉及到的提示詞匯總見:https://t16jzwqrzjx.feishu.cn/docx/Mm79delGZo7BIrxSkbkcIC0En7d?from=from_copylink
3.1 案例:從0到1把一篇文章做成學(xué)習(xí)網(wǎng)站??
案例的重點(diǎn)是:從零把內(nèi)容做成網(wǎng)頁,你將學(xué)到寫PRD、配置Cursor、調(diào)用AI執(zhí)行任務(wù)、測試反饋。
3.1.1 用Gemini寫prd
在gemini里填入提示詞,然后和gemini描述自己的需求是什么。
和Gemini互動討論需求。
討論得到需求文檔,準(zhǔn)備復(fù)制粘貼到cursor里。
不知道大家看到這會不會有點(diǎn)疑惑,為什么非要讓AI基于需求寫個prd文檔出來,而不是直接讓AI基于需求來開發(fā),在cursor里用AI直接分析需求其實邏輯差不多的。
這塊一方面是為了做好版本留檔,當(dāng)我們開發(fā)產(chǎn)品迭代數(shù)十個版本之后,在去找一些交叉的邏輯時候會十分方便,因為只需要讓AI查閱prd就可以了。
一方面是為了有更清晰的邊界條件,這樣可以最大程度減少在各種邊界細(xì)節(jié)上花費(fèi)的時間。
3.1.2 cursor基礎(chǔ)配置
如果你是第一次用cursor,我們需要配置一下系統(tǒng)提示詞和任務(wù)追蹤系統(tǒng)提示詞。
然后在notepads里新建一個文件,命名為task,然后把任務(wù)追蹤系統(tǒng)的提示詞粘貼進(jìn)去。
3.1.3 cursor新建文件夾
配置完系統(tǒng)提示詞和任務(wù)追蹤系統(tǒng)提示詞后,在左側(cè)文件夾管理區(qū)域新建三個文件夾,分別是prd(填寫prd文檔)、task(填寫執(zhí)行任務(wù)文檔)、xxx(填寫項目名稱)。
然后在prd里新建一個文檔,叫prd1.0.md,新建完畢后把gemini保存的prd文檔放進(jìn)來。
建這三個文件夾的原因也是方便后期迭代過個版本的時候,方便AI快速找到之前版本的內(nèi)容,避免AI因為缺乏足夠多的信息寫一堆bug出來。
3.1.4 讓AI基于prd進(jìn)行開發(fā)
當(dāng)上邊的內(nèi)容配置好后,我們將讓AI基于prd來進(jìn)行開發(fā),在給AI指令前,我們調(diào)整一下自己要選擇的模型,新手的話默認(rèn)claude-4-sonnet就行了,老手可以根據(jù)自己的開發(fā)習(xí)慣進(jìn)行配置。
第一步要讓AI基于prd生成任務(wù)規(guī)劃文檔。
確認(rèn)無需調(diào)整后,讓cursor按照任務(wù)規(guī)劃文檔進(jìn)行開發(fā)就好了,這樣的好處是AI每一次開發(fā)的內(nèi)容都足夠清晰,也方便我們溯源每次的問題在哪里。
等AI開發(fā)完直接體驗頁面就好了。
最后這個學(xué)習(xí)網(wǎng)站可以生成一個成長案例計劃圖:
3.1.5 測試反饋需要調(diào)整的部分
當(dāng)我們測試完AI開發(fā)完的內(nèi)容后,會有很多覺得可以優(yōu)化的地方,比如我現(xiàn)在覺得首頁不夠炫酷,我希望有星空背景,這樣才夠好看,我們可以截圖首頁然后提需求給AI。
這是AI優(yōu)化了一版的樣子,但可以發(fā)現(xiàn)星星其實還是有點(diǎn)小,可以把這個需求給到AI,讓它繼續(xù)進(jìn)行優(yōu)化。
這是AI又改了一版給到的效果,可以發(fā)現(xiàn)比上一版好了很多,它還悄悄塞了個流星進(jìn)去。
如果覺得AI這次改的不滿意,想回到上個版本怎么辦?
點(diǎn)擊這個按鈕,然后重新給AI提需求就可以了。這里需要注意的是版本只能回退,回退后無法再回到下一個版本,只能讓AI重寫代碼了。
3.2 案例:提示詞管理助手版本迭代??
案例的重點(diǎn)是:迭代一個已有項目,讓你熟悉AI版本管理、問題修正和細(xì)節(jié)優(yōu)化的過程。
以V1.6.4版本為例,來跟大家展示一下需求迭代下的具體案例,整體邏輯和0-1把一篇文章做成網(wǎng)站沒有區(qū)別。
3.2.1 寫prd文檔
當(dāng)prd文件夾里有所有歷史prd記錄時,如果需求簡單不需要和AI進(jìn)行復(fù)雜討論,可以直接在cursor里完成。
告訴cursor自己的需求,要求它產(chǎn)出prd文檔。
查閱AI寫的prd,對有問題的邏輯進(jìn)行修正。
3.2.2 讓AI基于prd進(jìn)行開發(fā)
基于prd拆解成任務(wù)規(guī)劃文檔,基于任務(wù)規(guī)劃文檔讓AI進(jìn)行分階段開發(fā)。
3.2.3 測試反饋需要調(diào)整的部分
跟AI反饋需要優(yōu)化的地方,待AI修改完后進(jìn)行校對。
確認(rèn)功能符合預(yù)期后完成本次迭代開發(fā)。
4.對AI編程的一些思考
案例到這里就和大家分享完了,在文章的最后跟大家聊一聊如何用Cursor開發(fā)出自己的第一款產(chǎn)品。
我腦海中有很多影響因素閃過,最后停留的還是四個字:高頻實踐。
不要等自己準(zhǔn)備好了,也不要追求完美的產(chǎn)品。
先找到自己腦子里最想做的一個事情,然后花幾天時間趕緊把它開發(fā)出來,先讓自己擁有第一個可以用的產(chǎn)品。
這個產(chǎn)品可以是一個圖片壓縮工具、也可以是一個to-do list、又或者就是一個簡單的學(xué)習(xí)網(wǎng)站,先做出來永遠(yuǎn)是最重要的事情。
做出來之后持續(xù)磨練自己和Cursor交互的能力,能夠讓cursor更快更便捷的實現(xiàn)自己想要的需求。
cursor的agent能力和模型的編程能力一定是持續(xù)進(jìn)步的,我們要精力花費(fèi)在隨著模型能力增強(qiáng)而增強(qiáng)的地方。
本文由人人都是產(chǎn)品經(jīng)理作者【云舒】,微信公眾號:【云舒的AI實踐筆記】,原創(chuàng)/授權(quán) 發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)許可,禁止轉(zhuǎn)載。
題圖來自Unsplash,基于 CC0 協(xié)議。
- 目前還沒評論,等你發(fā)揮!