對(duì)話向陽喬木：當(dāng)編程像聊天一樣簡單，但價(jià)值遠(yuǎn)超你想象 | MindCode 閉門會(huì)第16期精華

按： “讀完周報(bào)再來聊聊”是MindCode僅限進(jìn)群粉絲參加的閉門直播交流會(huì)。目前已經(jīng)做了16期。 閉門會(huì)是一場(chǎng)交流會(huì)，每期我們圍繞近期周報(bào)里大家感興趣的內(nèi)容展開討論，偶爾會(huì)邀請(qǐng)?zhí)囟钨e。直播交流會(huì)沒有回放，一般也沒有會(huì)后總結(jié)，但偶爾會(huì)有，比如本期。 本期我們邀請(qǐng)了向陽喬木一起來聊聊： Vibe Coding是個(gè)啥，為什么它如此重要？ 以下是本期文字總結(jié)，由于現(xiàn)場(chǎng)是實(shí)機(jī)上手演示為主，文字總結(jié)只還原了現(xiàn)場(chǎng)1‰的精彩——但仍然很精彩——?dú)g迎你閱讀。

核心動(dòng)機(jī)與未來趨勢(shì)：為何要學(xué) Vibe Coding？

向陽喬木：掌握AI編程（Vibe Coding）正成為一項(xiàng)新時(shí)代的基礎(chǔ)技能。如同汽車駕駛在幾十年里從專業(yè)崗位（還有編制）普及為基本能力，Coding的門檻因AI而大幅降低，未來將惠及更多人。

Vibe Coding 的核心價(jià)值在于納瓦爾說的：利用代碼（Code）和媒體（Media）這兩個(gè)新時(shí)代的強(qiáng)大杠桿。

AI讓普通人也能通過創(chuàng)造產(chǎn)品來服務(wù)大量用戶，從而將個(gè)人時(shí)間轉(zhuǎn)化為巨大價(jià)值。這就像保羅·格雷厄姆的“修門”隱喻：互聯(lián)網(wǎng)世界充滿了未被滿足的需求（“漏風(fēng)的墻”），而掌握AI編程能力的人，就能成為那個(gè)發(fā)現(xiàn)并解決問題的“木匠”，創(chuàng)造出實(shí)際價(jià)值。

關(guān)于入門路徑與核心心法的討論：

對(duì)于非程序員，入門Vibe Coding主要有兩種觀點(diǎn)，但最終導(dǎo)向統(tǒng)一的實(shí)踐哲學(xué)：

• 兩種觀點(diǎn)
• • 基礎(chǔ)派：

    建議先了解基礎(chǔ)編程邏輯，避免只能做簡單的展示頁。

  • 項(xiàng)目驅(qū)動(dòng)派：

    建議直接從解決自身真實(shí)需求的項(xiàng)目入手，在實(shí)踐中“倒著學(xué)”，遇到不懂的概念（如數(shù)據(jù)庫、前端）時(shí)，立即向AI請(qǐng)教。

• 統(tǒng)一建議與心法
• • “干就是學(xué)”

    最佳路徑是直接開始創(chuàng)造，以解決實(shí)際問題為導(dǎo)向，而非“先學(xué)再做”。開發(fā)中遇到的坑是學(xué)習(xí)的必經(jīng)之路。

  • 從個(gè)人痛點(diǎn)開始

    初學(xué)者應(yīng)從簡單的展示性網(wǎng)頁、小工具或改造現(xiàn)有網(wǎng)頁（如通過油猴腳本）入手，避免初期受挫。目標(biāo)是創(chuàng)造第一份價(jià)值，而非等待完美的工具。

  • 簡化初始工具

    入門時(shí)無需配置復(fù)雜的開發(fā)環(huán)境，可以直接在Claude、Deep Seek等AI的聊天框中生成代碼，專注于實(shí)現(xiàn)功能。

關(guān)于AI編程的爆發(fā)點(diǎn)？關(guān)鍵工具？

向陽喬木：AI編程能力的真正爆發(fā)始于Claude 3.5的出現(xiàn)，此后相關(guān)工具大量涌現(xiàn)，使得AI輔助開發(fā)變得切實(shí)可行。

• 推薦平臺(tái)與工具
• • Web應(yīng)用快速開發(fā)

    bolt.new ，通過自然語言提示即可快速生成網(wǎng)站，適合快速驗(yàn)證想法。

  • 瀏覽器腳本/插件

    油猴 (Tampermonkey) 是低成本注入代碼、改造網(wǎng)頁的利器。

  • 復(fù)雜項(xiàng)目開發(fā)

    使用 Cursor，或 Claude Code，或 Augment ，尤其后者體驗(yàn)不錯(cuò)，它提供更長的上下文空間，更好地發(fā)揮大模型（如Claude）的工程能力。

  • 核心AI模型

    優(yōu)先選擇Claude系列（特別是3.5及之后版本）在代碼生成方面表現(xiàn)出色。

嘉賓現(xiàn)場(chǎng)上手演示：我是怎么Vibe Coding的（甚至是怎么翻車的）。

1. 演示：簡單Web工具開發(fā)

• 抽獎(jiǎng)工具

  該工具完全通過自然語言在 bolt.new 上生成。具備活動(dòng)管理、獎(jiǎng)品批量導(dǎo)入、中獎(jiǎng)率設(shè)置等后臺(tái)功能。傳統(tǒng)團(tuán)隊(duì)開發(fā)需數(shù)周，而AI輔助下可極速完成。

• 即時(shí)網(wǎng)頁生成器

  解決普通人無法方便分享AI生成的HTML/Markdown代碼的痛點(diǎn)。用戶粘貼代碼即可生成一個(gè)公開的網(wǎng)頁鏈接。

2. 演示：瀏覽器腳本與插件開發(fā)

• 基于油猴做的的腳本
• • 公眾號(hào)配圖助手

    在公眾號(hào)編輯器增加按鈕，一鍵復(fù)制符合個(gè)人風(fēng)格的AI繪畫提示詞，提升作圖效率。

• 基于瀏覽器做的插件
• • Easy Copy

    解決手動(dòng)復(fù)制網(wǎng)頁標(biāo)題和鏈接的繁瑣。單擊復(fù)制“標(biāo)題+鏈接”，雙擊轉(zhuǎn)換全文為Markdown。

  • 沉浸式閱讀插件

    針對(duì)排版不佳且不易鼠標(biāo)復(fù)制的網(wǎng)站，按快捷鍵即可進(jìn)入簡潔、可復(fù)制的閱讀模式。

3. 插播一條：高級(jí)提示詞工程 (元提示詞)的方法

• 概念

  創(chuàng)建一個(gè)用于生成其他高質(zhì)量、專業(yè)化提示詞就叫“元提示詞”。

• 實(shí)踐

  通過“元提示詞”先生成一個(gè)“3D游戲制作專家”的Prompt，再用這個(gè)新Prompt指導(dǎo)AI，成功生成了可交互的3D模型（如北京四合院）和HTML版的“雷電”小游戲，展示了AI在未知領(lǐng)域生成高質(zhì)量代碼的能力。

4. 復(fù)雜桌面應(yīng)用開發(fā)（Vibe Coding能力上限展示）

向陽喬木：為解決我自己在公眾號(hào)創(chuàng)作流程中的痛點(diǎn)，我開發(fā)了一款集素材收集、編輯、發(fā)布于一體的桌面筆記應(yīng)用。

• 核心功能
• • 無縫素材收集

    瀏覽網(wǎng)頁時(shí)，通過快捷鍵即可靜默收藏選中的文本或截圖到軟件內(nèi)。

  • 可視化編輯

    通過拖拽方式對(duì)素材進(jìn)行排版創(chuàng)作。

  • 多平臺(tái)發(fā)布

    支持一鍵復(fù)制為公眾號(hào)格式，或直接發(fā)布為公開網(wǎng)頁，并能導(dǎo)出為長圖或PDF。

  • 深度AI集成

    內(nèi)置AI生成標(biāo)題、模型參數(shù)自定義等功能。

AI協(xié)同開發(fā)模式與技術(shù)實(shí)現(xiàn)

向陽喬木：上述這款復(fù)雜桌面應(yīng)用的開發(fā)過程充分展示了人與AI協(xié)作的新范式，整個(gè)過程都是跟 AI 聊出來的。

• 跟 AI 討論技術(shù)關(guān)鍵點(diǎn)：
• • 明確框架：

    Electron （用于構(gòu)建跨平臺(tái)桌面應(yīng)用）。

  • 找到核心庫：

    Puppeteer （用于高質(zhì)量地生成PDF和圖片）。

  • 血淚教訓(xùn)：版本控制

    Git 用于隨時(shí)回滾錯(cuò)誤修改，相比傳統(tǒng)開發(fā)，Git 在 Vibe Coding的重要性還要再高 10倍！因?yàn)槟呐?跟上次同樣的prompt，AI 寫的代碼也會(huì)完全不同，更不要說你還不一定看得懂。

• 流程過程中跟 AI 協(xié)同：
• 1. 需求定義

     先用自然語言讓AI生成產(chǎn)品需求文檔。

  2. 原型生成

     將需求文檔交給AI編程工具（Augment）生成第一版代碼。

  3. 迭代優(yōu)化

     通過對(duì)話向AI描述Bug或新需求（如“幫我實(shí)現(xiàn)自動(dòng)上傳到圖床”），AI提供解決方案，人進(jìn)行測(cè)試和決策。

  4. 代碼重構(gòu)

     當(dāng)代碼文件變得復(fù)雜時(shí)，利用AI的長上下文能力對(duì)其進(jìn)行掃描和拆分。

• 那人的角色是什么？

  向陽喬木：人的價(jià)值在于做出關(guān)鍵決策（技術(shù)選型、方案評(píng)估）、進(jìn)行細(xì)致的UI布局描述、以及承擔(dān)最終的測(cè)試和調(diào)試工作。

全場(chǎng)討論：關(guān)于Vibe Coding 的挑戰(zhàn)、反思與總結(jié)。

AI的局限性：AI在某些任務(wù)上精度有限（如生成精美SVG），代碼重構(gòu)時(shí)也可能出錯(cuò)。

測(cè)試是核心能力：AI讓寫代碼變?nèi)菀祝珳y(cè)試和調(diào)試（特別是邏輯和布局問題）變得更困難和重要。

角色的融合：未來的開發(fā)者將更多地是“產(chǎn)品經(jīng)理+程序員”的結(jié)合體，既要具備產(chǎn)品思維，從生活中發(fā)現(xiàn)痛點(diǎn)，也要能動(dòng)手實(shí)現(xiàn)。

最終目標(biāo)：學(xué)習(xí)AI編程的核心是創(chuàng)造價(jià)值。應(yīng)盡快動(dòng)手做出能解決實(shí)際問題的產(chǎn)品，并嘗試推向市場(chǎng)獲得反饋，哪怕是收到第一筆付費(fèi)，這種正向循環(huán)是持續(xù)深入的最佳動(dòng)力。

（完）

*會(huì)上所有人說的都是錯(cuò)的。

*以上總結(jié)由Claude完成，幾乎沒有修改，如果你覺得不對(duì)，那一定是AI錯(cuò)了。

and

文兄是誰？

科技領(lǐng)域連續(xù)創(chuàng)業(yè)者（目前在AI+心理領(lǐng)域），中美3家AI公司的CEO心智與戰(zhàn)略教練，原阿里巴巴早期移動(dòng)端核心產(chǎn)品負(fù)責(zé)人。未來一段時(shí)間，也許你關(guān)注的某些重要的AI產(chǎn)品，或某些備受關(guān)注的項(xiàng)目融資，背后就有他身影。

MindCode是什么？
一個(gè)剛剛決定寫點(diǎn)好東西的、很小眾的公眾號(hào)。日常發(fā)短篇，偶爾有深度長文。關(guān)注：AI、腦科學(xué)、心理學(xué)、創(chuàng)業(yè)等。由于在幾個(gè)關(guān)聯(lián)領(lǐng)域都有很深入思考，關(guān)注者中不乏頂級(jí)牛人，比如xxx和xx。

AI時(shí)代，讀他人之未讀對(duì)你很重要。關(guān)注并發(fā)送“1”可加討論小群，還可參加“讀完周報(bào)再來聊聊”的閉門交流會(huì)。