对话向阳乔木：当编程像聊天一样简单，但价值远超你想象 | MindCode 闭门会第16期精华

按： “读完周报再来聊聊”是MindCode仅限进群粉丝参加的闭门直播交流会。目前已经做了16期。 闭门会是一场交流会，每期我们围绕近期周报里大家感兴趣的内容展开讨论，偶尔会邀请特定嘉宾。直播交流会没有回放，一般也没有会后总结，但偶尔会有，比如本期。 本期我们邀请了向阳乔木一起来聊聊： Vibe Coding是个啥，为什么它如此重要？ 以下是本期文字总结，由于现场是实机上手演示为主，文字总结只还原了现场1‰的精彩——但仍然很精彩——欢迎你阅读。

核心动机与未来趋势：为何要学 Vibe Coding？

向阳乔木：掌握AI编程（Vibe Coding）正成为一项新时代的基础技能。如同汽车驾驶在几十年里从专业岗位（还有编制）普及为基本能力，Coding的门槛因AI而大幅降低，未来将惠及更多人。

Vibe Coding 的核心价值在于纳瓦尔说的：利用代码（Code）和媒体（Media）这两个新时代的强大杠杆。

AI让普通人也能通过创造产品来服务大量用户，从而将个人时间转化为巨大价值。这就像保罗·格雷厄姆的“修门”隐喻：互联网世界充满了未被满足的需求（“漏风的墙”），而掌握AI编程能力的人，就能成为那个发现并解决问题的“木匠”，创造出实际价值。

关于入门路径与核心心法的讨论：

对于非程序员，入门Vibe Coding主要有两种观点，但最终导向统一的实践哲学：

• 两种观点
• • 基础派：

    建议先了解基础编程逻辑，避免只能做简单的展示页。

  • 项目驱动派：

    建议直接从解决自身真实需求的项目入手，在实践中“倒着学”，遇到不懂的概念（如数据库、前端）时，立即向AI请教。

• 统一建议与心法
• • “干就是学”

    最佳路径是直接开始创造，以解决实际问题为导向，而非“先学再做”。开发中遇到的坑是学习的必经之路。

  • 从个人痛点开始

    初学者应从简单的展示性网页、小工具或改造现有网页（如通过油猴脚本）入手，避免初期受挫。目标是创造第一份价值，而非等待完美的工具。

  • 简化初始工具

    入门时无需配置复杂的开发环境，可以直接在Claude、Deep Seek等AI的聊天框中生成代码，专注于实现功能。

关于AI编程的爆发点？关键工具？

向阳乔木：AI编程能力的真正爆发始于Claude 3.5的出现，此后相关工具大量涌现，使得AI辅助开发变得切实可行。

• 推荐平台与工具
• • Web应用快速开发

    bolt.new ，通过自然语言提示即可快速生成网站，适合快速验证想法。

  • 浏览器脚本/插件

    油猴 (Tampermonkey) 是低成本注入代码、改造网页的利器。

  • 复杂项目开发

    使用 Cursor，或 Claude Code，或 Augment ，尤其后者体验不错，它提供更长的上下文空间，更好地发挥大模型（如Claude）的工程能力。

  • 核心AI模型

    优先选择Claude系列（特别是3.5及之后版本）在代码生成方面表现出色。

嘉宾现场上手演示：我是怎么Vibe Coding的（甚至是怎么翻车的）。

1. 演示：简单Web工具开发

• 抽奖工具

  该工具完全通过自然语言在 bolt.new 上生成。具备活动管理、奖品批量导入、中奖率设置等后台功能。传统团队开发需数周，而AI辅助下可极速完成。

• 即时网页生成器

  解决普通人无法方便分享AI生成的HTML/Markdown代码的痛点。用户粘贴代码即可生成一个公开的网页链接。

2. 演示：浏览器脚本与插件开发

• 基于油猴做的的脚本
• • 公众号配图助手

    在公众号编辑器增加按钮，一键复制符合个人风格的AI绘画提示词，提升作图效率。

• 基于浏览器做的插件
• • Easy Copy

    解决手动复制网页标题和链接的繁琐。单击复制“标题+链接”，双击转换全文为Markdown。

  • 沉浸式阅读插件

    针对排版不佳且不易鼠标复制的网站，按快捷键即可进入简洁、可复制的阅读模式。

3. 插播一条：高级提示词工程 (元提示词)的方法

• 概念

  创建一个用于生成其他高质量、专业化提示词就叫“元提示词”。

• 实践

  通过“元提示词”先生成一个“3D游戏制作专家”的Prompt，再用这个新Prompt指导AI，成功生成了可交互的3D模型（如北京四合院）和HTML版的“雷电”小游戏，展示了AI在未知领域生成高质量代码的能力。

4. 复杂桌面应用开发（Vibe Coding能力上限展示）

向阳乔木：为解决我自己在公众号创作流程中的痛点，我开发了一款集素材收集、编辑、发布于一体的桌面笔记应用。

• 核心功能
• • 无缝素材收集

    浏览网页时，通过快捷键即可静默收藏选中的文本或截图到软件内。

  • 可视化编辑

    通过拖拽方式对素材进行排版创作。

  • 多平台发布

    支持一键复制为公众号格式，或直接发布为公开网页，并能导出为长图或PDF。

  • 深度AI集成

    内置AI生成标题、模型参数自定义等功能。

AI协同开发模式与技术实现

向阳乔木：上述这款复杂桌面应用的开发过程充分展示了人与AI协作的新范式，整个过程都是跟 AI 聊出来的。

• 跟 AI 讨论技术关键点：
• • 明确框架：

    Electron （用于构建跨平台桌面应用）。

  • 找到核心库：

    Puppeteer （用于高质量地生成PDF和图片）。

  • 血泪教训：版本控制

    Git 用于随时回滚错误修改，相比传统开发，Git 在 Vibe Coding的重要性还要再高 10倍！因为哪怕 跟上次同样的prompt，AI 写的代码也会完全不同，更不要说你还不一定看得懂。

• 流程过程中跟 AI 协同：
• 1. 需求定义

     先用自然语言让AI生成产品需求文档。

  2. 原型生成

     将需求文档交给AI编程工具（Augment）生成第一版代码。

  3. 迭代优化

     通过对话向AI描述Bug或新需求（如“帮我实现自动上传到图床”），AI提供解决方案，人进行测试和决策。

  4. 代码重构

     当代码文件变得复杂时，利用AI的长上下文能力对其进行扫描和拆分。

• 那人的角色是什么？

  向阳乔木：人的价值在于做出关键决策（技术选型、方案评估）、进行细致的UI布局描述、以及承担最终的测试和调试工作。

全场讨论：关于Vibe Coding 的挑战、反思与总结。

AI的局限性：AI在某些任务上精度有限（如生成精美SVG），代码重构时也可能出错。

测试是核心能力：AI让写代码变容易，但测试和调试（特别是逻辑和布局问题）变得更困难和重要。

角色的融合：未来的开发者将更多地是“产品经理+程序员”的结合体，既要具备产品思维，从生活中发现痛点，也要能动手实现。

最终目标：学习AI编程的核心是创造价值。应尽快动手做出能解决实际问题的产品，并尝试推向市场获得反馈，哪怕是收到第一笔付费，这种正向循环是持续深入的最佳动力。

（完）

*会上所有人说的都是错的。

*以上总结由Claude完成，几乎没有修改，如果你觉得不对，那一定是AI错了。

and

文兄是谁？

科技领域连续创业者（目前在AI+心理领域），中美3家AI公司的CEO心智与战略教练，原阿里巴巴早期移动端核心产品负责人。未来一段时间，也许你关注的某些重要的AI产品，或某些备受关注的项目融资，背后就有他身影。

MindCode是什么？
一个刚刚决定写点好东西的、很小众的公众号。日常发短篇，偶尔有深度长文。关注：AI、脑科学、心理学、创业等。由于在几个关联领域都有很深入思考，关注者中不乏顶级牛人，比如xxx和xx。

AI时代，读他人之未读对你很重要。关注并发送“1”可加讨论小群，还可参加“读完周报再来聊聊”的闭门交流会。