胡彥斌手搓粉絲社區(qū)App，Vibe Coding的能力邊界在哪？

原文標(biāo)題：《感謝胡彥斌老師的親身示范，讓更多人看到了 Vibe Coding 的能力邊界》，題圖來自：AI 生成

就在前兩天，歌手胡彥斌親自用 AI 手搓粉絲社區(qū) App這件事兒，讓Vibe Coding結(jié)結(jié)實(shí)實(shí)的在全網(wǎng)火爆了一把。

平心而論，如果沒有“親自、AI、手搓”這三個(gè)關(guān)鍵字的話，恐怕這個(gè)事兒充其量也就是能在內(nèi)娛新聞板塊有點(diǎn)熱度，想免費(fèi)上微博熱搜恐怕是比較困難了。

畢竟，粉絲社區(qū)并不是個(gè)新鮮事兒：在遙遠(yuǎn)的本世紀(jì)初，當(dāng)年還比較青澀的周杰倫、王力宏等歌手就已經(jīng)建立了歌迷俱樂部網(wǎng)站，打造 Web 1.0 時(shí)代的私域流量池，意圖進(jìn)行粉絲運(yùn)營。到如今已經(jīng)過去了四分之一個(gè)世紀(jì)的漫長(zhǎng)時(shí)間里，不停有各個(gè)賽道的中外明星下場(chǎng)試水。所以，這個(gè)事兒的話題熱度估計(jì)也只能維持在“有點(diǎn)但不多”的水位上。

但就好像這些年任何事兒被 AI 附魔了都有性能加成一樣，“明星 + AI + 軟件開發(fā)”這個(gè)相當(dāng)不常見的組合，讓這件事兒瞬間雙向出圈兒。兩邊的人都愣了：啊？編曲的都來（去）編程了？

正如我們所知道的，有流量的地方一般都伴生陰謀論：基本圍繞“明星蹭 AI 熱度”這個(gè)核心，典型的如“估計(jì)是外包團(tuán)隊(duì)做的，自己只是掛個(gè)名”等等。不過平心而論，這種上來就把人往壞里想的思維方式倒也并不是沒有邏輯基礎(chǔ)：按照通常認(rèn)知，作為演藝圈的明星，在計(jì)算機(jī)方面的技能點(diǎn)往往在產(chǎn)品使用上，而不是開發(fā)。

不過凡事總有例外，這個(gè)邏輯對(duì)于胡彥斌看來并不是很適用。

根據(jù) B 站 UP 主“雨哥到處跑”在 2024 年 6 月放出的胡彥斌接受采訪的視頻，彼時(shí)他已經(jīng)開始通過網(wǎng)上視頻的方式學(xué)習(xí)寫代碼，聽語氣還是稀松平常帶一點(diǎn)小自豪的感覺。

要知道，兩年前的那個(gè)時(shí)候，大語言模型雖然已經(jīng)具備一定的軟件開發(fā)輔助能力，但距離今天這種“自然語言直接構(gòu)建完整應(yīng)用”的 Vibe Coding 體驗(yàn)，仍然存在明顯差距。

因此從這個(gè)角度看，當(dāng)時(shí)胡彥斌應(yīng)該是真的在系統(tǒng)性學(xué)習(xí)編程的。

比較有意思的是，這個(gè)采訪的時(shí)間，剛好對(duì)于 AI Coding 來說也是一個(gè)重要的時(shí)間節(jié)點(diǎn)。

2024 年 6 月 20 日，Anthropic 發(fā)布了 Claude 3.5 Sonnet 模型版本，在編碼能力上產(chǎn)生了重大提升。一些程序員同行對(duì)這個(gè)版本的評(píng)價(jià)是：“壞了壞了這回可能真的要失業(yè)了……”

當(dāng)然，按照正常的思維邏輯，胡彥斌不太可能當(dāng)時(shí)就已經(jīng)涉足人工智能編程，大概率還是從HelloWorld入手，否則今天上綜藝節(jié)目的時(shí)候，名字后面的頭銜除了“歌手、創(chuàng)作人”之外，恐怕還要加上“當(dāng)代Harness大師”。

另外一個(gè)證明胡彥斌這次不太像是抱著票友心態(tài)的證據(jù)是：這次的粉絲社區(qū)并不僅僅是 iOS 一端，而是 Web、Android、iOS 三端，是一個(gè)非常完整的社區(qū)體系，它有力地保證你不管是下班休息還是上班摸魚，都能夠隨時(shí)隨地徜徉在與偶像互動(dòng)的沉浸感中。

根據(jù)蘋果應(yīng)用商店的商詳頁信息，“彥火”這款 App 的開發(fā)商是上海沄鑌文化傳媒有限公司。再利用這家由胡彥斌本人控股 99% 的企業(yè)名稱在工信部信息備案管理系統(tǒng)中查詢，就可以發(fā)現(xiàn)，在App上線之前，這家公司其實(shí)早在今年 4 月 15 日就已經(jīng)完成了一個(gè)網(wǎng)站的備案審核工作：注意看（這個(gè)女人叫小美），備案域名是 hybfansclub.com，Hmmm毫無疑問是胡彥斌粉絲社區(qū)web版了。

呃……扯得有點(diǎn)遠(yuǎn)了，我們還是回到產(chǎn)品上來。畢竟互聯(lián)網(wǎng)這行，還是 The product speaks for itself。

前面提到過，粉絲社區(qū)在今天已經(jīng)是一個(gè)形態(tài)和功能都非常成熟的產(chǎn)品。從功能模塊來說，它基本包括首頁動(dòng)態(tài)流、賬戶體系、成長(zhǎng)體系、投票、用戶社區(qū)、站內(nèi)信、AI 助手，以及比較簡(jiǎn)單的視頻點(diǎn)播。

可以說，這些基本上都是互聯(lián)網(wǎng)產(chǎn)品中最成熟的通用功能。從成熟模塊到開源代碼，都能夠被輕而易舉地找到，而且這些模塊還沒有非常復(fù)雜的后端邏輯，以及并不包括需要強(qiáng)風(fēng)控的訂單和支付系統(tǒng)。

所以，粉絲社區(qū)幾乎可以說是一個(gè) Vibe Coding 最好的落地對(duì)象，也剛好成為觀察 Vibe Coding 能力邊界的絕好樣本。

通過對(duì)這三端產(chǎn)品的初步觀察，我們發(fā)現(xiàn)了一些問題，很值得被提出來，供更多對(duì)于個(gè)人軟件開發(fā)有興趣的跨界創(chuàng)業(yè)者參考。

1. 隱形功能缺失

有網(wǎng)友體驗(yàn)過 iOS 版本的“彥火”App 后，提出了兩個(gè)問題：用戶手機(jī)號(hào)注冊(cè)環(huán)節(jié)風(fēng)控缺失，以及內(nèi)容發(fā)布功能審核缺失。

簡(jiǎn)單來說，就是如果手機(jī)號(hào)注冊(cè)環(huán)節(jié)沒有用戶校驗(yàn)等風(fēng)控環(huán)節(jié)的話，很容易被有心（其實(shí)就是壞）人用來做短信攻擊，或者惡意消耗光你的短信服務(wù)預(yù)存款。

而如果用戶在內(nèi)容發(fā)布時(shí)沒有敏感詞過濾以及相關(guān)的內(nèi)容機(jī)審乃至人審流程的話，有可能會(huì)給軟件運(yùn)營方（其實(shí)就是胡彥斌老師本人）帶來法律上的風(fēng)險(xiǎn)。按照我國相關(guān)法規(guī)的要求，運(yùn)營方有責(zé)任對(duì)平臺(tái)內(nèi)容進(jìn)行審核并擔(dān)責(zé)。

那么，為什么會(huì)出現(xiàn)這個(gè)問題呢？

其實(shí)原因也很簡(jiǎn)單。胡彥斌老師本人在規(guī)劃這個(gè)產(chǎn)品功能設(shè)計(jì)的時(shí)候，應(yīng)該更多是從用戶體驗(yàn)需求以及平臺(tái)方運(yùn)營需求出發(fā)思考問題：用戶怎么注冊(cè)、社區(qū)怎么互動(dòng)、內(nèi)容怎么展示、粉絲怎么成長(zhǎng)。

這些都是用戶能夠直接感知到的功能，也是一個(gè)創(chuàng)作者在功能層面關(guān)注的第一優(yōu)先級(jí)。

但風(fēng)控、合規(guī)、審核、性能優(yōu)化這類能力，則屬于互聯(lián)網(wǎng)產(chǎn)品里的“隱形功能”。

這些功能在用戶端沒什么存在感，但一旦缺失，問題就會(huì)立刻暴露出來。而這些功能的存在必要性往往需要經(jīng)歷過完整互聯(lián)網(wǎng)項(xiàng)目從 0 到 1、從規(guī)劃到運(yùn)營的過程，才能逐漸建立起足夠全面的認(rèn)知，也就是平時(shí)我們所說的Konw How。

對(duì)于一個(gè)剛剛跨界到產(chǎn)品負(fù)責(zé)人角色的創(chuàng)作者來說，要求他在第一次做產(chǎn)品時(shí)就把這些事情考慮得滴水不漏，完全是Mission Impossible。

作為一個(gè)提供Vibe Coding功能的工具，不管是 Cursor 還是 Claude Code，其核心價(jià)值的本質(zhì)，都還是在回答問題，而不是定義并擴(kuò)展問題。

它們能夠很好地完成你明確提出的需求，卻很難主動(dòng)發(fā)現(xiàn)那些從未被用戶提出的問題。你讓它開發(fā)社區(qū)，它就開發(fā)社區(qū)；你讓它實(shí)現(xiàn)簽到，它就實(shí)現(xiàn)簽到。但它不會(huì)突然停下來問你一句：“這個(gè)社區(qū)需要內(nèi)容審核嗎？”或者“你的短信驗(yàn)證碼接口有沒有考慮防刷？”

從這個(gè)角度來看，“彥火”暴露出的這些問題，與其說是開發(fā)能力的問題，不如說是產(chǎn)品規(guī)劃能力的問題。而后者，恰恰是今天 AI 最難替代、也是 Vibe Coding 最容易被忽視的一環(huán)。

2. 視覺效果體驗(yàn)未被充分驗(yàn)證

接下來我們觀察一下這個(gè)粉絲社區(qū)的Web端主頁，你會(huì)發(fā)現(xiàn)它的視覺效果和配色很具有沉浸感，但同時(shí)也令人驚異地存在一些肉眼直接可見的小問題。

這些問題在測(cè)試環(huán)節(jié)里大概都屬于 P3 以下的重要程度，但卻明晃晃地掛在首頁上，如下圖：

上眼一掃就會(huì)發(fā)現(xiàn)，這個(gè)頁面的布局存在挺多的小問題，包括但不限于：錯(cuò)誤的折行、導(dǎo)航欄沒有向上對(duì)齊、導(dǎo)航欄文字中英文間距不一致、新聞模塊中新消息標(biāo)簽向側(cè)方擠壓標(biāo)題正文內(nèi)容等等。

這些問題的背后，揭示了 Vibe Coding 的另一個(gè)短板：不使用正向開發(fā)流程，容易出現(xiàn)必要的工作環(huán)節(jié)缺失。

查看網(wǎng)站首頁的源代碼，從呈現(xiàn)出的代碼風(fēng)格來看，確實(shí)蠻有 AI 風(fēng)味。

比如樣式里存在大量直接寫死的尺寸、間距和定位值，布局更多依賴具體像素，而不是通過更穩(wěn)健的響應(yīng)式約束去適配不同設(shè)備。代碼看起來像是為了讓當(dāng)前頁面“先長(zhǎng)得對(duì)”，而不是圍繞多分辨率、多瀏覽器、多內(nèi)容長(zhǎng)度去做系統(tǒng)性的邊界處理。

究其原因，主要是AI 在寫代碼這塊向來是貼著需求底線走，主打一個(gè)綠色省電節(jié)約 Token，更傾向于優(yōu)先滿足當(dāng)前需求，而不是預(yù)先考慮各種邊界條件。

因此，這些個(gè)不考慮分辨率因素，直接將數(shù)字寫死的情況時(shí)有發(fā)生；也導(dǎo)致了這個(gè)頁面很可能在胡彥斌自己的開發(fā)和測(cè)試環(huán)境上是正常的，但是切換到我的主力打字機(jī) T480 筆記本（沒辦法，窮）的 Chrome @ 1080P 分辨率下，頁面直接變形。

AI 的問題還可以通過增加更詳細(xì)的要求來嘗試修正，但關(guān)鍵工作環(huán)節(jié)的缺失，才是這個(gè)問題到了上線還依然存在的根因。

傳統(tǒng)的正向開發(fā)模式中，在產(chǎn)品經(jīng)理完成功能定義后，還需要交互人員根據(jù)需求進(jìn)行版式設(shè)計(jì)并制作效果圖。開發(fā)人員按照效果圖開發(fā)后，首先進(jìn)行自測(cè)；自測(cè)通過后，再提測(cè)到測(cè)試部門；測(cè)試人員再撰寫 test case，進(jìn)行有針對(duì)性的測(cè)試工作。

但在胡彥斌老師一個(gè)人完成整個(gè)產(chǎn)品定義到上線的流程中，AI 并沒有起到結(jié)合視覺設(shè)計(jì)要求進(jìn)行測(cè)試的能力。視覺驗(yàn)收和多端測(cè)試這兩部分工作量的缺失，才導(dǎo)致了頁面的帶病上線。

3. 頁面直接靜態(tài)掛載 MP4 文件

其實(shí)這一點(diǎn)和小伙伴討論的時(shí)候還有點(diǎn)分歧，所以放在這里不一定算是 Vibe Coding 的短板，有可能只是一種工程取舍。

支持當(dāng)前技術(shù)實(shí)現(xiàn)方式的聲音認(rèn)為：這幾個(gè)視頻本身是免費(fèi)內(nèi)容，初期用戶量有限，暫時(shí)不上完整的點(diǎn)播系統(tǒng)也無傷大雅，等后期 VV 數(shù)據(jù)起來了再替換也來得及。這個(gè)邏輯本身并沒有什么問題。

而另一方的聲音聚焦在了一個(gè)新問題上：這個(gè)取舍，到底是主動(dòng)思考之后做出的決定，還是一個(gè)從來沒有被提出過的問題？

以胡彥斌的粉絲量級(jí)，一旦三端產(chǎn)品全面推廣，這個(gè)模塊大概率很快就要迭代。而現(xiàn)在開源或可商用的視頻點(diǎn)播方案已經(jīng)相當(dāng)成熟，其實(shí)接入的開發(fā)成本并不算高。

既然早做晚做都要做而且也不難做，為什么不現(xiàn)在就做好呢？

對(duì)于一個(gè)目標(biāo)是商用的產(chǎn)品來說，1.0 上線時(shí)寧可砍掉部分非核心功能，也應(yīng)該保證已有模塊的成熟度。這個(gè)優(yōu)先級(jí)的判斷，恰恰是 Vibe Coding 流程里最容易缺席的一環(huán)。

最后請(qǐng)?jiān)试S我再次感謝胡彥斌為 Vibe Coding 走向更廣闊受眾群體做出的杰出貢獻(xiàn)。

胡彥斌作為一個(gè)音樂人，僅憑借 AI 的加持就能將一個(gè)跨三端的互聯(lián)網(wǎng)產(chǎn)品交付上線，這已經(jīng)是一種實(shí)實(shí)在在的成功。

如果回到兩年前他接受采訪、坦言正在學(xué)習(xí)編程的那一刻，恐怕連他自己都不會(huì)相信，AI 的能力能在這么短的時(shí)間內(nèi)突飛猛進(jìn)到這個(gè)程度。

但這個(gè)案例同樣讓我們清楚地看到了今天 Vibe Coding 最真實(shí)的能力邊界：

AI 可以寫代碼、生成頁面、搭建數(shù)據(jù)庫，但它沒辦法站在項(xiàng)目全局，幫你把該問的問題都問一遍。

它本質(zhì)上還是一個(gè)在回答問題，而不是在定義問題的系統(tǒng)。

局部任務(wù)里，它已經(jīng)相當(dāng)能打；但主動(dòng)發(fā)現(xiàn)問題、提出問題，并為這個(gè)判斷承擔(dān)責(zé)任，這件事今天還輪不到它來做。

說白了就是：AI 目前還沒有掌握提問的藝術(shù)。

這就意味著，在 AI Coding 時(shí)代，真正昂貴的能力不再是寫出好代碼，而是知道該問什么問題。代碼越來越便宜，好問題越來越值錢。軟件開發(fā)鏈條上每一個(gè)角色的價(jià)值，也正在向這個(gè)方向重新聚攏。

最后的最后，我還想借這個(gè)機(jī)會(huì)問問胡彥斌老師：

您那還缺產(chǎn)品經(jīng)理么？ 待遇要求不高，管個(gè)演唱會(huì)門票就行…… 后排，后排的就行：）

本內(nèi)容由作者授權(quán)發(fā)布，觀點(diǎn)僅代表作者本人，不代表虎嗅立場(chǎng)。如對(duì)本稿件有異議或投訴，請(qǐng)聯(lián)系 tougao@huxiu.com。

本文來自虎嗅，原文鏈接：https://www.huxiu.com/article/4865045.html?f=wyxwapp