從寫代碼到上架,設(shè)計師如何借助 AI 獨立完成瀏覽器插件?

相關(guān)干貨:

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

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

從寫代碼到上架,設(shè)計師如何借助 AI 獨立完成瀏覽器插件?

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

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

一、決定方向

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

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

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

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

從寫代碼到上架,設(shè)計師如何借助 AI 獨立完成瀏覽器插件?

以我自己的 Image Collector 為例:

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

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

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

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

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

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

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

從寫代碼到上架,設(shè)計師如何借助 AI 獨立完成瀏覽器插件?

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

在確定好具體要實現(xiàn)哪些功能后,我需要進一步細化每個功能的交互和體驗。

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

三、開發(fā)代碼

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

從寫代碼到上架,設(shè)計師如何借助 AI 獨立完成瀏覽器插件?

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

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

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

從寫代碼到上架,設(shè)計師如何借助 AI 獨立完成瀏覽器插件?

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

1. 確定基本框架

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

從寫代碼到上架,設(shè)計師如何借助 AI 獨立完成瀏覽器插件?

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

從寫代碼到上架,設(shè)計師如何借助 AI 獨立完成瀏覽器插件?

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

從寫代碼到上架,設(shè)計師如何借助 AI 獨立完成瀏覽器插件?

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

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

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

從寫代碼到上架,設(shè)計師如何借助 AI 獨立完成瀏覽器插件?

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

從寫代碼到上架,設(shè)計師如何借助 AI 獨立完成瀏覽器插件?

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

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

3. 測試 + Debug

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

從寫代碼到上架,設(shè)計師如何借助 AI 獨立完成瀏覽器插件?

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

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

從寫代碼到上架,設(shè)計師如何借助 AI 獨立完成瀏覽器插件?

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

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

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

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

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

四、上架商店過程

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

1. 注冊開發(fā)者賬號(需要外幣信用卡 & 非大陸地址)

用戶注冊一個新的谷歌賬號(也可以是之前已經(jīng)擁有 gmail 的賬號),支付谷歌一筆 $5 的注冊費把這個賬號升級為開發(fā)者賬號。具體步驟如下:

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

從寫代碼到上架,設(shè)計師如何借助 AI 獨立完成瀏覽器插件?

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

從寫代碼到上架,設(shè)計師如何借助 AI 獨立完成瀏覽器插件?

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

從寫代碼到上架,設(shè)計師如何借助 AI 獨立完成瀏覽器插件?

從寫代碼到上架,設(shè)計師如何借助 AI 獨立完成瀏覽器插件?

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

從寫代碼到上架,設(shè)計師如何借助 AI 獨立完成瀏覽器插件?

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

2. 完善賬號信息

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

從寫代碼到上架,設(shè)計師如何借助 AI 獨立完成瀏覽器插件?

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

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

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

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

從寫代碼到上架,設(shè)計師如何借助 AI 獨立完成瀏覽器插件?

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

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

從寫代碼到上架,設(shè)計師如何借助 AI 獨立完成瀏覽器插件?

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

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

從寫代碼到上架,設(shè)計師如何借助 AI 獨立完成瀏覽器插件?

商品詳情頁需要供給的內(nèi)容主要分為兩個部分:說明文字和經(jīng)過排版的 banner 圖片。因為自己的工作,做圖非常順手了,就沒有費勁找 AI 工具來生成 banner 了。

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

從寫代碼到上架,設(shè)計師如何借助 AI 獨立完成瀏覽器插件?

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

從寫代碼到上架,設(shè)計師如何借助 AI 獨立完成瀏覽器插件?

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

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

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

從寫代碼到上架,設(shè)計師如何借助 AI 獨立完成瀏覽器插件?

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

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

從寫代碼到上架,設(shè)計師如何借助 AI 獨立完成瀏覽器插件?

五、宣傳產(chǎn)品

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

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

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

① 舉例|少楠 - flomo

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

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

② 舉例|AIchain 花生 - 小貓補光燈

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

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

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

2. 參與行業(yè)活動,擴大業(yè)內(nèi)影響力

① 參加行業(yè) Conf

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

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

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

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

① 小紅書

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

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

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

② 小宇宙

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

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

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

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

寫在最后

走完整個 AI 獨立開發(fā)流程之后,我還有一些零散的感受和認知:

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

總體來說,未來已來。鼓勵每一位對 AI 編程感興趣的朋友,動手做些方便自己方便朋友的小插件,整個過程還是蠻有趣的。

收藏 26
點贊 22

復(fù)制本文鏈接 文章為作者獨立觀點不代表優(yōu)設(shè)網(wǎng)立場,未經(jīng)允許不得轉(zhuǎn)載。