從寫代碼到上架，設(shè)計(jì)師如何借助 AI 獨(dú)立完成瀏覽器插件？

相關(guān)干貨：

最近幾個(gè)月，我陸續(xù)在即刻上看到多名非程序員朋友開始用 Cursor 搭建自己的工具和應(yīng)用，心中非常羨慕。偶然之中，我又在公眾號(hào)看到《AI 編程，10 小時(shí) 2 個(gè)產(chǎn)品，從 Claude Sonnet 到 Cursor，產(chǎn)品經(jīng)理的天要變了！》這篇文章，開始對(duì) AI 編程實(shí)操有了全新概念。

我開始琢磨可以怎么利用 AI 能力來制作小工具？在觀察自己和身邊設(shè)計(jì)師朋友的工作過程之后，我決定選擇一個(gè)學(xué)習(xí)和制作成本低，但對(duì)于設(shè)計(jì)師作用不小的工具：收集素材的谷歌瀏覽器插件。經(jīng)過一番探索，Image Collector 終于在 10 月初成功上線谷歌商店。

回看我這趟邊學(xué)習(xí)邊創(chuàng)造的的旅程，從想法到上線可以總結(jié)成五個(gè)關(guān)鍵步驟：

1. 決定方向，具體要實(shí)現(xiàn)什么產(chǎn)品的什么主要功能
2. 決定實(shí)現(xiàn)方式，用戶應(yīng)該怎么跟界面交互來實(shí)現(xiàn)功能
3. 開發(fā)代碼，用代碼實(shí)現(xiàn)功能和交互，同時(shí)處理邊緣 case
4. 上架商店，根據(jù)要求把代碼提交到 Chrome 的應(yīng)用商店，并充實(shí)詳情頁
5. 宣傳產(chǎn)品，利用不同媒介渠道推銷產(chǎn)品吸引用戶

一、決定方向

傳統(tǒng)產(chǎn)品開發(fā)過程中，這個(gè)步驟需要業(yè)務(wù)和產(chǎn)品經(jīng)理挖掘市場(chǎng)需求，了解競(jìng)品實(shí)現(xiàn)方式，研究潛在用戶使用習(xí)慣 ...

如果你跟我一樣是獨(dú)立開發(fā)新手的話，這個(gè)步驟更重要的事情是了解自己或者身邊家人朋友的真實(shí)需求。

1. 比如有哪些事情流程繁瑣耗時(shí)反人類，但不得不做？（舉個(gè)例子：自媒體作者想要把文章發(fā)到不同平臺(tái)，TA 需要反復(fù)在不同后臺(tái)完成編輯和樣式調(diào)整）
2. 比如有哪些工具實(shí)用但很難時(shí)刻帶在身邊？（舉個(gè)例子：女生晚上出門拍照需要不同顏色的補(bǔ)光，普通人很難天天帶燈出門）
3. 比如有哪些特殊的愛好/生活方式?jīng)]有足夠的幫助引導(dǎo)？（舉個(gè)例子：游客喜歡在不同城市地點(diǎn)收集圖章，但初來乍到并不知道哪里可以集章）

然后思考哪些問題可以通過工具/產(chǎn)品/插件/補(bǔ)丁等方式快速解決。有些工具產(chǎn)品的運(yùn)行成本很低，只要代碼能寫，用戶馬上就能用。有些產(chǎn)品的投入成本相對(duì)較高，需要產(chǎn)生內(nèi)容、用戶互動(dòng)、形成社區(qū)，才能讓功能發(fā)揮作用。作為新手，我選擇了成本最低的工具產(chǎn)品，打算用這第一個(gè)項(xiàng)目把 AI 輔助獨(dú)立開發(fā)的流程跑通。

以我自己的 Image Collector 為例：

我是一名設(shè)計(jì)師，身邊也有很多做設(shè)計(jì)的朋友。做設(shè)計(jì)項(xiàng)目時(shí)，大家都需要在網(wǎng)上找視覺參考。但在谷歌瀏覽器開了幾十個(gè) Pinterest 頁面后，電腦開始轟隆轟隆作響，反應(yīng)速度變慢，找素材的動(dòng)作變得非常的卡頓。甚至之前看到過滿意的 ref 也找不到放在哪頁了，設(shè)計(jì)師需要逐頁重新翻看。

于是我想到“可視化收藏夾”的概念。有了這個(gè)谷歌瀏覽器插件，設(shè)計(jì)師可以在瀏覽網(wǎng)頁時(shí)收集圖片素材，也可以在二次瀏覽時(shí)快速找回自己滿意的素材，還可以把這個(gè)素材當(dāng)作錨點(diǎn)回到原上下文中 ... 一言蔽之，設(shè)計(jì)師可以利用這個(gè)瀏覽器插件讓圖片收集原子化 & 素材再利用更高效。

二、決定實(shí)現(xiàn)方式

有了第一步的大致想法之后，接下來可以調(diào)研類似功能/產(chǎn)品的實(shí)現(xiàn)方式，同時(shí)想想怎么根據(jù)自己的需求優(yōu)化現(xiàn)有方案。

還是以我自己的 Image Collector 為例：

上一步中，基于用戶的痛點(diǎn)，我決定要做一個(gè)可視化收藏夾來收集素材。然后我開始回顧「收集圖片素材」這個(gè)功能的現(xiàn)有解決方案。我知道的有 3 種：

1. Pinterest / 花瓣等素材收集網(wǎng)站
2. 瀏覽器自帶的收藏夾
3. Eagle 等素材管理軟件

以“可視化收藏夾”為目標(biāo)，Image Collector 包含「收集圖片」、「圖片分組」、「批量管理」等等功能。更具體地說，用戶可以獲得一個(gè)入口本地化的 Pinterest 或一個(gè)視覺化的瀏覽器收藏夾：設(shè)計(jì)師在任意網(wǎng)站上看到滿意圖片后，以圖片形式加入收藏夾。同時(shí)，TA 可以清晰看到自己收藏夾內(nèi)的圖片預(yù)覽，并進(jìn)行管理。

在確定好具體要實(shí)現(xiàn)哪些功能后，我需要進(jìn)一步細(xì)化每個(gè)功能的交互和體驗(yàn)。

比如最基礎(chǔ)的「收集圖片」功能，對(duì)于用戶來說什么收集方式最順手？收集完的圖片該放在一個(gè)什么樣的容器里？收集完的圖片可以保存多長(zhǎng)時(shí)間？收集完但又不想要該怎么處理？收集完但需要修改該怎么處理？用戶看到的收集圖片是什么形式？... 這些問題都需要在開發(fā)前想清楚，清晰目標(biāo)能讓代碼開發(fā)過程更輕松。

三、開發(fā)代碼

接著就是重頭戲，AI 代碼開發(fā)的部分。

綜上所述，我基本沒啥代碼能力。為了零代碼開發(fā)，我前后使用了 3 個(gè)工具來幫助我：

1. ChatGPT：告訴我開發(fā)一個(gè)谷歌瀏覽器插件的框架文檔有哪些（比如 manifest.json、popup.html、popup.js ...），以及生成了第一版 demo 的代碼
2. B 站：Cursor 教程視頻帶我入門軟件安裝&使用步驟，同時(shí)讓我理解每個(gè)代碼文檔的作用（比如 manifest.json 這個(gè)文檔記錄的是插件的 meta 信息：版本號(hào)、說明描述、插件圖標(biāo) ...）
3. Cursor：Cursor Composer 功能允許我以自然語言跟編輯器互動(dòng)（比如新增功能，Debug 問題）。理論上，只要不是瀏覽器的硬性限制，只要我描述得夠準(zhǔn)確，Cursor 什么都能寫出來

有了這些工具的幫忙，我基本只需要把大目標(biāo)拆成不同的小任務(wù)，然后再把每個(gè)任務(wù)逐步細(xì)化成具體問題。通過自然語言對(duì)話，讓 AI 解決我能力范圍外的具體問題。

還是以我自己的 Image Collector 為例，單純代碼開發(fā)過程可以大致分為不斷循環(huán)的 3 步：

1. 確定基本框架

在決定方向&實(shí)現(xiàn)方式的階段，我大致確定下來自己想要做的功能。于是我直接對(duì)著 ChatGPT 描述我想要的基本功能：

它告訴了我插件的基本結(jié)構(gòu)：

同時(shí)幫助我編寫了 manifest.json，background.js，popup.html，popup.js 和 style.css 幾個(gè)文檔的初版代碼。我把 ChatGPT 生成的代碼，按文檔結(jié)構(gòu)復(fù)制到 Cursor 中，馬上得到一個(gè)可以在谷歌瀏覽器上試用的本地代碼包。

2. 細(xì)化現(xiàn)有功能

ChatGPT 生成的基礎(chǔ)功能真的奏效了，我可以把 Pinterest 頁面的圖片添加到收藏夾畫板，我也可以使用 checkbox 來勾選圖片。我通過自然語言提需求，AI 就能庫(kù)庫(kù)寫出一堆，而且代碼基本能用！有種很神奇的感覺！

趁著這股興奮勁，我開始在 Cursor Composer 窗口中繼續(xù)細(xì)化產(chǎn)品功能：

功能代碼在 Cursor 的 popup.js 文檔中瘋狂迭代，一些新的代碼自動(dòng)出現(xiàn)，一些舊的代碼出現(xiàn)替換版本。而我要做的只有一件事：試一下新代碼是不是可用。如果可用，就點(diǎn)擊「Accept」按鈕確認(rèn)新增；如果不可用，就點(diǎn)擊「Reject」按鈕回到原版。

有些功能生成過程非常絲滑，給了我未曾設(shè)想的驚喜。比如在做「刪除圖片標(biāo)簽」功能的時(shí)候，在我未提任何需求的前提下，Cursor 自動(dòng)補(bǔ)全了「標(biāo)簽刪除二次確認(rèn)信息」功能：用戶刪除當(dāng)前標(biāo)簽時(shí)，彈窗告訴用戶“如果刪除這個(gè)標(biāo)簽，所有使用該標(biāo)簽的圖片將會(huì)失去標(biāo)簽，你確認(rèn)要?jiǎng)h除嗎？”。

Cursor 除了生成我指定的功能外，還能自動(dòng)縫縫補(bǔ)補(bǔ)，把邊緣 case 功能一并加上。用 Cursor 寫代碼的第一個(gè) Aha Moment 就這樣水靈靈地出現(xiàn)了。

3. 測(cè)試 + Debug

代碼生成到一定階段（比如寫完一個(gè)新功能），我就會(huì)到谷歌瀏覽器上測(cè)試一下是不是好用。有的時(shí)候會(huì)比較順利，Cursor 生成的東西馬上能用。但大多數(shù)時(shí)候，谷歌瀏覽器會(huì)報(bào)錯(cuò)導(dǎo)致插件無法運(yùn)行。更有甚者，瀏覽器不報(bào)錯(cuò)，但想要的功能就是無法實(shí)現(xiàn)。

當(dāng)瀏覽器報(bào)錯(cuò)的時(shí)候，只要把報(bào)錯(cuò)內(nèi)容復(fù)制到 Composer 的對(duì)話框內(nèi)，Cursor 會(huì)自動(dòng)修正錯(cuò)誤，生成新的功能代碼。即使出現(xiàn)解決一個(gè)問題再來三個(gè)問題的情況，只要耐心地跟 AI 合作，報(bào)錯(cuò)問題最終會(huì)被逐一解決。

不報(bào)錯(cuò)的問題則更為棘手。比如在開發(fā)過程，插件的「批量粘貼」功能始終不太好用。Cursor 幫助修改了好幾輪之后，粘貼的要么是多張圖片的名稱，要么多張圖片的鏈接，始終無法粘貼圖片本身。于是我詢問 ChatGPT 如何解決這個(gè)問題：

ChatGPT 給出的答案是優(yōu)化 popup.js 文檔中的函數(shù)，確保圖像的 Blob 數(shù)據(jù)被正確獲取，同時(shí)創(chuàng)建 ClipboardItem 將復(fù)制內(nèi)容放入粘貼板并允許 Figma 識(shí)別。按照 ChatGPT 的指導(dǎo)，我讓 Cursor 對(duì)當(dāng)前代碼進(jìn)行優(yōu)化。新增了函數(shù)確保兜底邏輯正確后，瀏覽器反而報(bào)錯(cuò) "Failed to copy images. Please ensure you selected valid images." 。于是我繼續(xù)咨詢 ChatGPT：

畫板里的單張圖片可以鼠標(biāo)直接復(fù)制粘貼到其他地方。

但是勾選后，批量復(fù)制報(bào)錯(cuò)"Failed to copy images. Please ensure you selected valid images."要怎么優(yōu)化

跟 GPT 反復(fù)溝通了好幾輪，去掉了太復(fù)雜的方法（如 Canvas 中重繪每張選中圖片），最終得知 Chrome 瀏覽器的安全策略會(huì)限制批量復(fù)制的操作。也在網(wǎng)上翻了翻不同文章，看到有其他信源也這么說。為了讓產(chǎn)品正常上線，我最后只能從產(chǎn)品方案層面想替代辦法，暫時(shí)的解決方案是修改導(dǎo)出圖片的邏輯：用戶粘貼多張圖片時(shí)，粘貼一張展示所有選中圖片的大圖。

想要完整地做完一個(gè)項(xiàng)目，上述三個(gè)步驟需要不斷循環(huán)。代碼開發(fā)過程中會(huì)碰到各種各樣的意外，有些功能可能在一開始沒有定義好，需要靠代碼生成過程不斷完善；有些功能在寫代碼的過程中發(fā)現(xiàn)不可行，那就得要來回推敲形成新方案；還有些功能甚至一開始并不在規(guī)劃內(nèi)，經(jīng)過跟朋友討論進(jìn)而優(yōu)化邏輯結(jié)構(gòu)。多次迭代的產(chǎn)品開發(fā)過程才是常態(tài)。

四、上架商店過程

功能寫完，測(cè)試好，打包后，下一步要做的就是上傳&發(fā)布產(chǎn)品。根據(jù)谷歌商店官方指引，整個(gè)上架過程分為幾步：

1. 注冊(cè)開發(fā)者賬號(hào)（需要外幣信用卡 & 非大陸地址）

用戶注冊(cè)一個(gè)新的谷歌賬號(hào)（也可以是之前已經(jīng)擁有 gmail 的賬號(hào)），支付谷歌一筆 $5 的注冊(cè)費(fèi)把這個(gè)賬號(hào)升級(jí)為開發(fā)者賬號(hào)。具體步驟如下：

① 在谷歌瀏覽器內(nèi)輸入網(wǎng)址 https://chromewebstore.google.com/category/extensions ，進(jìn)入 Chrome 應(yīng)用商店

② 點(diǎn)擊右上角“更多”按鈕，出現(xiàn)下拉菜單，選擇“開發(fā)者信息中心”

③ 注冊(cè)新的谷歌賬號(hào)進(jìn)行驗(yàn)證，或者驗(yàn)證現(xiàn)有的谷歌賬號(hào)和密碼。官方建議選一個(gè)常查看郵箱，所以我直接用了現(xiàn)有郵箱。（如果需要分割現(xiàn)有郵件和插件通知郵件，可以注冊(cè)新郵件）

④ 接受所有協(xié)議和隱私政策，并支付注冊(cè)費(fèi)。$5 的注冊(cè)費(fèi)是一次性的（我當(dāng)時(shí)的匯率是三十多塊人民幣），不會(huì)持續(xù)扣錢。

特別注意的是：谷歌不支持國(guó)內(nèi)的借記卡、支付寶、微信等支付方式。如果需要支付這 $5，你需要一張可支付外幣的國(guó)內(nèi)信用卡。

2. 完善賬號(hào)信息

完成注冊(cè)后，需要進(jìn)一步完善開發(fā)者的個(gè)人信息（發(fā)布者名稱*、郵箱驗(yàn)證*、確認(rèn)是否為歐盟法規(guī)的交易者*、測(cè)試賬號(hào)管理、打開通知提醒 ...）。這一部分信息后面可以隨時(shí)修改，按照實(shí)際情況快速填寫即可。如果過程中有任何專有名詞/信息不確定，可以點(diǎn)擊頁內(nèi)谷歌官方的說明鏈接。

③ 準(zhǔn)備插件代碼包

這一步需要仔細(xì)檢查代碼文檔是否齊全，并將所有文檔壓縮成 ZIP 包上傳商店。

① 利用本地代碼包在谷歌瀏覽器中進(jìn)行最后一次測(cè)試，確保自己設(shè)計(jì)的所有功能都能正確實(shí)現(xiàn)，且瀏覽器沒有額外報(bào)錯(cuò)。

② 確認(rèn) manifest.json 文檔代碼中包含"name"、"version"、"icons" 和 "description"幾個(gè)字段，同時(shí)檢查 icon 圖標(biāo)文件按正確路徑包含在文件夾內(nèi)

1. "name": 插件名稱
2. "version": 當(dāng)前版本號(hào)（每次上傳新版本，版本號(hào)都比上一次大，所以要從小的開始，比如 "0.0.1"，或者 "1.0"）
3. "icons": 出現(xiàn)在瀏覽器右上角的插件圖標(biāo)
4. "description": 插件功能的簡(jiǎn)短描述，不超過 132 個(gè)字符

③ 文件包壓縮成 ZIP 格式，并在后臺(tái)「上傳新內(nèi)容」

4. 創(chuàng)建商品詳情（需要宣傳文案 & 圖片）

接著就是要?jiǎng)?chuàng)建一個(gè)吸引人的商品詳情頁。通過說明插件的具體功能和用法，這個(gè)頁面可以吸引潛在用戶關(guān)注并使用工具。

商品詳情頁需要供給的內(nèi)容主要分為兩個(gè)部分：說明文字和經(jīng)過排版的 banner 圖片。因?yàn)樽约旱墓ぷ鳎鰣D非常順手了，就沒有費(fèi)勁找 AI 工具來生成 banner 了。

但詳情內(nèi)的說明文案基本都是 AI 輔助下完成的。我先在應(yīng)用商店看了不同類型收集插件的說明文案（比如 notion 和 pinterest），找到比較滿意的語氣和措辭方法喂給 ChatGPT。然后我用中文大概描述了這個(gè)插件的基本功能，讓 AI 按我喂的案例比照著寫英文宣傳文案。

稍加調(diào)試，最后上線的商品詳情頁結(jié)果如下：

5. 解釋隱私權(quán) & 確認(rèn)發(fā)布范圍

最后一步就是向谷歌解釋代碼中必須調(diào)用涉及隱私權(quán)函數(shù)的原因，以及確定向世界上哪些國(guó)家和地區(qū)開放權(quán)限，還有是免費(fèi)還是收費(fèi)。

谷歌會(huì)自動(dòng)讀取 manifest.json 文檔中使用的函數(shù)，并要求開發(fā)者向商店解釋隱私權(quán)相關(guān)函數(shù)的作用。以 Image Collector 的代碼為例，"storage"、"contextMenus"、"activeTab"、"tabs" 這幾個(gè)隱私權(quán)函數(shù)被調(diào)用，還有 "host_permissions" 的權(quán)限是 ""（即插件要求所有網(wǎng)頁的權(quán)限）。

我把這些需要跟谷歌解釋理由的項(xiàng)，復(fù)制到 Cursor 的 Chat 中，詢問使用函數(shù)的原因。Chat 像是一名頗具耐心的高級(jí)工程師，從原理層面有理有據(jù)地解釋每個(gè)函數(shù)的具體作用。最后我要做的只是把他的回答復(fù)制粘貼到上傳文本框內(nèi)，依葫蘆畫瓢回答谷歌。

最后選擇一下發(fā)布范圍，就能保存草稿，然后提請(qǐng)審核了。我的首次申請(qǐng)跨了一個(gè)周末，過完周末 1-2 個(gè)工作日之后，這個(gè)插件就順利上線了。

五、宣傳產(chǎn)品

產(chǎn)品發(fā)布后，最后一步就是尋找各種渠道來宣傳這個(gè)產(chǎn)品（如果不打算付費(fèi)投流的話）。最近在聽播客時(shí)，我逐漸形成一個(gè)概念：產(chǎn)品功能做到 60 分、70 分，甚至 80 分，當(dāng)然很重要的，但再好的用戶體驗(yàn)都無法成為產(chǎn)品長(zhǎng)久的護(hù)城河，渠道和營(yíng)銷才是產(chǎn)品持續(xù)發(fā)展的關(guān)鍵。想想也是，互聯(lián)網(wǎng)行業(yè)中在利基市場(chǎng)中抓住特殊用戶痛點(diǎn)的小產(chǎn)品，大都無法抵擋大公司碾過來的車輪，因?yàn)樗麄兊墨@客能力和宣傳能力完全不在同一個(gè)水平。

如果想要成為更全面的獨(dú)立開發(fā)者，宣傳產(chǎn)品也是產(chǎn)品開發(fā)工作中必不可少的一環(huán)。以我對(duì)即刻上大大小小的獨(dú)立開發(fā)者的觀察，「宣傳產(chǎn)品」可以做的事情有以下幾樣：

1. 建立個(gè)人品牌，持續(xù)不斷生產(chǎn)對(duì)別人有價(jià)值的內(nèi)容

① 舉例｜少楠 - flomo

我對(duì) flomo 這個(gè)產(chǎn)品的了解是從少楠講卡片盒筆記法的一集播客開始的。我在他的介紹下初略地學(xué)習(xí)了更先進(jìn)的知識(shí)管理方法，我開始審視自己的工作流程。然后通過產(chǎn)品沉思錄和 flomo 的說明文檔，我對(duì)這個(gè)產(chǎn)品和這套工作方法有了更多了解。這套工具+工作流程也逐步成為我工作生活中不可或缺的一部分。

從另一個(gè)角度講，一個(gè)獨(dú)立開發(fā)者想要推銷自己的產(chǎn)品的話，應(yīng)該要提供用戶一個(gè)為什么要按該工具的邏輯來工作的理由。同時(shí)他還應(yīng)該有很深的內(nèi)容厚度，幫助用戶迭代自己在某一個(gè)領(lǐng)域的認(rèn)知，讓用戶親手構(gòu)建一個(gè)更好的自己。

② 舉例｜AIchain 花生 - 小貓補(bǔ)光燈

小貓補(bǔ)光燈的花生是最近爆火的 AI 獨(dú)立開發(fā)者典型。他本身是產(chǎn)品經(jīng)理，利用 AI 開發(fā)了不少工具。在小紅書上因?yàn)樾∝堁a(bǔ)光燈 APP 爆火后，他開始在多個(gè)社交媒體上發(fā)帖宣傳自己的項(xiàng)目成就。因?yàn)樽园l(fā)渠道內(nèi)容被更多人看到，越來越多的播客和公眾號(hào)也發(fā)現(xiàn)了他，讓他連續(xù)不斷地出現(xiàn)在更大眾的節(jié)目和文章中。

除了創(chuàng)造產(chǎn)品和不斷外擴(kuò)的影響力漣漪，花生還在經(jīng)營(yíng)自己的 B 站賬號(hào)，將自己開發(fā)產(chǎn)品的過程和方法錄制成長(zhǎng)視頻，讓更多人得以學(xué)習(xí) AI 工具、AI 開發(fā)流程、AI 上架步驟和 AI 應(yīng)用場(chǎng)景 ...

花生走出來兩條路。第一條路把自己打造成一個(gè) AI 時(shí)代的獨(dú)立開發(fā)者典型，讓無數(shù)想要復(fù)刻成功的人，深入了解他的方法論和路徑。第二條路堅(jiān)持 build in public，用 AI 編程領(lǐng)域的實(shí)用內(nèi)容幫助大家，讓后來人更輕松地復(fù)刻過程，用內(nèi)容形成影響力錨點(diǎn)。

2. 參與行業(yè)活動(dòng)，擴(kuò)大業(yè)內(nèi)影響力

① 參加行業(yè) Conf

現(xiàn)在的獨(dú)立產(chǎn)品圈，分散的小規(guī)模的行業(yè) Conf 真不少：杭州良渚文化村的各種活動(dòng)，海辛的 Demo Inn Shanghai，出海去孵化器的每周直播 ...

去參加活動(dòng)，就能在特定領(lǐng)域內(nèi)部認(rèn)識(shí)到更多同路人，擴(kuò)大朋友圈，增加外部影響力，拓展產(chǎn)品的推廣范圍。

② 投稿新產(chǎn)品收集站 / Newsletter / 社媒賬號(hào)

1. 新產(chǎn)品打榜最出名的 ProductHunt，國(guó)內(nèi)其實(shí)也有不少同類型的小型產(chǎn)品：新趣集，神器集，不死鳥 ...
2. 少數(shù)派 / medium 這種高質(zhì)量文章集散地
3. 獨(dú)立產(chǎn)品 Newsletter：Funny café 有趣產(chǎn)品咖啡館，Apptisan，F(xiàn)igma Plugin Weekly ...

3. 拓展渠道，尋求破圈

① 小紅書

小紅書已經(jīng)是新的百度了，年輕人對(duì)一件事不清楚，就會(huì)上小紅書找別人的案例分享。小紅書日活大，主要用戶為年輕人，可以精準(zhǔn)覆蓋大部分獨(dú)立產(chǎn)品的潛在用戶群體。

小紅書上的用戶反饋非常直接，且討論氛圍好。只要產(chǎn)品有用，開發(fā)者可以第一時(shí)間得到用戶響應(yīng)&反饋，甚至是自來水傳播。

iWatch 應(yīng)用「StressWatch」和 iPhone 應(yīng)用「小貓補(bǔ)光燈」就是以小紅書為主要宣傳路徑，讓更多人知道獨(dú)立開發(fā)者產(chǎn)品。

② 小宇宙

播客逐漸成為這兩年最破圈的新傳媒形態(tài)，影響力擴(kuò)大。往遠(yuǎn)了看，播客影響了 24 年特朗普當(dāng)選美國(guó)總統(tǒng)。往近了看，播客逐步成為了城市年輕人生活的一部分，幫助他們了解周遭的的事物、觀點(diǎn)和資訊。

不同于大多數(shù) feed 流產(chǎn)品的短平快，動(dòng)輒 40 分鐘甚至是倆小時(shí)的播客時(shí)長(zhǎng)（長(zhǎng)時(shí)間的信息輸出），大大提高用戶接受觀點(diǎn)的可能性。

「flomo」就是以播客為主要宣傳路徑，讓用戶了解背后的筆記方法論和產(chǎn)品功能。

Image Collector 上架商店后，我也做了一些之前沒做過的宣傳嘗試：比如寫下本篇經(jīng)驗(yàn)總結(jié)的文章，比如制作一條宣傳視頻(可覆蓋小紅書 & 視頻號(hào))。

寫在最后

走完整個(gè) AI 獨(dú)立開發(fā)流程之后，我還有一些零散的感受和認(rèn)知：

1. 項(xiàng)目時(shí)間成本：我從零開始學(xué)習(xí) Cursor 到上架產(chǎn)品（包含兩個(gè)版本迭代），總工作時(shí)長(zhǎng)應(yīng)該是 20-30 小時(shí)。由于缺少某些關(guān)鍵經(jīng)驗(yàn)，新手試錯(cuò)成本并不低，無法像社媒上的大牛一樣 1-2 小時(shí)完成開發(fā)上線。
2. 付費(fèi)墻限制：由于 Cursor 免費(fèi)額度有限的原因，AI 的智能程度不一致。剛開始注冊(cè)時(shí)，AI 很聰明，寫的很快，Debug 也很準(zhǔn)。越往后用（我差不多在第 3/4 天，可能限額已用完），AI 出現(xiàn)幻覺越頻繁，無法直接修改代碼的情況越多，影響其他部分代碼導(dǎo)致無法直接應(yīng)用的機(jī)率越大。
3. 對(duì)于想要自己創(chuàng)建插件/小工具的設(shè)計(jì)師、產(chǎn)品經(jīng)理，當(dāng)前 AI 能力足以無痛上手創(chuàng)建小玩意。
4. 但如果和我一樣沒有代碼基礎(chǔ)，用 AI 也只能做一些小而美的小工具。一旦產(chǎn)品體量龐大，功能多，代碼邏輯復(fù)雜，自己又無法看懂函數(shù)相互關(guān)系的話，容易不同部分修改彼此影響，也容易產(chǎn)生冗余。
5. 跟身邊的 web 前端研發(fā)朋友聊了聊，免費(fèi)的 Cursor 固然很棒，但需要付費(fèi)之后，他們自己也不是不能寫，感覺沒太必要。跟身邊的 iOS 研發(fā)朋友也有聊過，雖然寫代碼的部分可以在 Cursor 里一路 tab，但是 Debug 部分沒有 Xcode 好用（還是需要把 Xcode 內(nèi)容復(fù)制回 Cursor），目前 AI 也只能解決部分問題。

總體來說，未來已來。鼓勵(lì)每一位對(duì) AI 編程感興趣的朋友，動(dòng)手做些方便自己方便朋友的小插件，整個(gè)過程還是蠻有趣的。