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

核心動機與未來趨勢：為何要學 Vibe Coding？

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

Vibe Coding 的核心價值在于納瓦爾說的：利用代碼（Code）和媒體（Media）這兩個新時代的強大杠桿。

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

關于入門路徑與核心心法的討論：

對于非程序員，入門Vibe Coding主要有兩種觀點，但最終導向統(tǒng)一的實踐哲學：

• 兩種觀點
• • 基礎派：

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

  • 項目驅動派：

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

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

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

  • 從個人痛點開始

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

  • 簡化初始工具

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

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

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

• 推薦平臺與工具
• • Web應用快速開發(fā)

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

  • 瀏覽器腳本/插件

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

  • 復雜項目開發(fā)

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

  • 核心AI模型

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

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

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

• 抽獎工具

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

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

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

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

• 基于油猴做的的腳本
• • 公眾號配圖助手

    在公眾號編輯器增加按鈕，一鍵復制符合個人風格的AI繪畫提示詞，提升作圖效率。

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

    解決手動復制網(wǎng)頁標題和鏈接的繁瑣。單擊復制“標題+鏈接”，雙擊轉換全文為Markdown。

  • 沉浸式閱讀插件

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

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

• 概念

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

• 實踐

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

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

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

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

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

  • 可視化編輯

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

  • 多平臺發(fā)布

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

  • 深度AI集成

    內置AI生成標題、模型參數(shù)自定義等功能。

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

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

• 跟 AI 討論技術關鍵點：
• • 明確框架：

    Electron （用于構建跨平臺桌面應用）。

  • 找到核心庫：

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

  • 血淚教訓：版本控制

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

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

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

  2. 原型生成

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

  3. 迭代優(yōu)化

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

  4. 代碼重構

     當代碼文件變得復雜時，利用AI的長上下文能力對其進行掃描和拆分。

• 那人的角色是什么？

  向陽喬木：人的價值在于做出關鍵決策（技術選型、方案評估）、進行細致的UI布局描述、以及承擔最終的測試和調試工作。

全場討論：關于Vibe Coding 的挑戰(zhàn)、反思與總結。

AI的局限性：AI在某些任務上精度有限（如生成精美SVG），代碼重構時也可能出錯。

測試是核心能力：AI讓寫代碼變容易，但測試和調試（特別是邏輯和布局問題）變得更困難和重要。

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

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

（完）

*會上所有人說的都是錯的。

*以上總結由Claude完成，幾乎沒有修改，如果你覺得不對，那一定是AI錯了。

and

文兄是誰？

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

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

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