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

对话向阳乔木：当编程像聊天一样简单，但价值远超你想象 | MindCode 闭门会第16期精华对话向阳乔木：当编程像聊天一样简单，但价值远超你想象 | MindCode 闭门会第16期精华 Modified August 2, 2025 关于入门路径与核心心法的讨论：对于非程序员，入门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 协同： a. 需求定义 b. 先用自然语言让AI生成产品需求文档。 c. 原型生成 d. 将需求文档交给AI编程工具（Augment）生成第一版代码。 e. 迭代优化 f. 通过对话向AI描述Bug或新需求（如“帮我实现自动上传到图床”），AI提供解决方案，人进行测试和决策。 g. 代码重构 h. 当代码文件变得复杂时，利用AI的长上下文能力对其进行扫描和拆分。 • 那人的角色是什么？ • 向阳乔木：人的价值在于做出关键决策（技术选型、方案评估）、进行细致的UI布局描述、以及承担最终的测试和调试工作。全场讨论：关于 Vibe Coding 的挑战、反思与总结。 AI的局限性：AI在某些任务上精度有限（如生成精美SVG），代码重构时也可能出错。测试是核心能力：AI让写代码变容易，但测试和调试（特别是逻辑和布局问题）变得更困难和重要。角色的融合：未来的开发者将更多地是“产品经理+程序员”的结合体，既要具备产品思维，从生活中发现痛点，也要能动手实现。最终目标：学习AI编程的核心是创造价值。应尽快动手做出能解决实际问题的产品，并尝试推向市场获得反馈，哪怕是收到第一笔付费，这种正向循环是持续深入的最佳动力。（完）会上所有人说的都是错的。以上总结由Claude完成，几乎没有修改，如果你觉得不对，那一定是AI错了。 and 文兄是谁？科技领域连续创业者（目前在AI+心理领域），中美3家AI公司的 CEO心智与战略教练，原阿里巴巴早期移动端核心产品负责人。未来一段时间，也许你关注的某些重要的AI产品，或某些备受关注的项目融资，背后就有他身影。 MindCode是什么？一个刚刚决定写点好东西的、很小众的公众号。日常发短篇，偶尔有深度长文。关注：AI、脑科学、心理学、创业等。由于在几个关联领域都有很深入思考，关注者中不乏顶级牛人，比如xxx和xx。 AI时代，读他人之未读对你很重要。关注并发送“1”可加讨论小群，还可参加“读完周报再来聊聊”的闭门交流会。关于入门路径与核心心法的讨论：对于非程序员，入门Vibe Coding主要有两种观点，但最终导向统一的实践哲学： • 两种观点 ◦ 基础派： ◦ 建议先了解基础编程逻辑，避免只能做简单的展示页。 ◦ 项目驱动派： ◦ 建议直接从解决自身真实需求的项目入手，在实践中“倒着学”，遇到不懂的概念（如数据库、前端）时，立即向AI请教。 ◦ 基础派： ◦ 建议先了解基础编程逻辑，避免只能做简单的展示页。 ◦ 项目驱动派： ◦ 建议直接从解决自身真实需求的项目入手，在实践中“倒着学”，遇到不懂的概念（如数据库、前端）时，立即向AI请教。 • 统一建议与心法 ◦ “干就是学” ◦ 最佳路径是直接开始创造，以解决实际问题为导向，而非“先学再做”。开发中遇到的坑是学习的必经之路。 ◦ 从个人痛点开始 ◦ 初学者应从简单的展示性网页、小工具或改造现有网页（如通过油猴脚本）入手，避免初期受挫。目标是创造第一份价值，而非等待完美的工具。 ◦ 简化初始工具 ◦ 入门时无需配置复杂的开发环境，可以直接在Claude、Deep Seek等AI的聊天框中生成代码，专注于实现功能。 ◦ “干就是学” ◦ 最佳路径是直接开始创造，以解决实际问题为导向，而非“先学再做”。开发中遇到的坑是学习的必经之路。 ◦ 从个人痛点开始 ◦ 初学者应从简单的展示性网页、小工具或改造现有网页（如通过油猴脚本）入手，避免初期受挫。目标是创造第一份价值，而非等待完美的工具。 ◦ 简化初始工具 ◦ 入门时无需配置复杂的开发环境，可以直接在Claude、Deep Seek等AI的聊天框中生成代码，专注于实现功能。关于AI编程的爆发点？关键工具？向阳乔木：AI编程能力的真正爆发始于 Claude 3.5 的出现，此后相关工具大量涌现，使得AI辅助开发变得切实可行。 • 推荐平台与工具 ◦ Web应用快速开发 ◦ bolt.new ，通过自然语言提示即可快速生成网站，适合快速验证想法。 ◦ 浏览器脚本/插件 ◦ 油猴 (Tampermonkey) 是低成本注入代码、改造网页的利器。 ◦ 复杂项目开发 ◦ 使用 Cursor，或 Claude Code，或 Augment ，尤其后者体验不错，它提供更长的上下文空间，更好地发挥大模型（如Claude）的工程能力。 ◦ 核心AI模型 ◦ 优先选择Claude系列（特别是3.5及之后版本）在代码生成方面表现出色。 ◦ 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绘画提示词，提升作图效率。 ◦ 公众号配图助手 ◦ 在公众号编辑器增加按钮，一键复制符合个人风格的AI绘画提示词，提升作图效率。 • 基于浏览器做的插件 ◦ Easy Copy ◦ 解决手动复制网页标题和链接的繁琐。单击复制“标题+链接”，双击转换全文为Markdown。 ◦ 沉浸式阅读插件 ◦ 针对排版不佳且不易鼠标复制的网站，按快捷键即可进入简洁、可复制的阅读模式。 ◦ Easy Copy ◦ 解决手动复制网页标题和链接的繁琐。单击复制“标题+链接”，双击转换全文为Markdown。 ◦ 沉浸式阅读插件 ◦ 针对排版不佳且不易鼠标复制的网站，按快捷键即可进入简洁、可复制的阅读模式。 3. 插播一条：高级提示词工程 (元提示词)的方法 • 概念 • 创建一个用于生成其他高质量、专业化提示词就叫“元提示词”。 • 实践 • 通过“元提示词”先生成一个“3D游戏制作专家”的Prompt，再用这个新Prompt指导AI，成功生成了可交互的3D模型（如北京四合院）和HTML版的“雷电”小游戏，展示了AI在未知领域生成高质量代码的能力。 4. 复杂桌面应用开发（Vibe Coding能力上限展示）向阳乔木：为解决我自己在公众号创作流程中的痛点，我开发了一款集素材收集、编辑、发布于一体的桌面笔记应用。 • 核心功能 ◦ 无缝素材收集 ◦ 浏览网页时，通过快捷键即可静默收藏选中的文本或截图到软件内。 ◦ 可视化编辑 ◦ 通过拖拽方式对素材进行排版创作。 ◦ 多平台发布 ◦ 支持一键复制为公众号格式，或直接发布为公开网页，并能导出为长图或PDF。 ◦ 深度AI集成 ◦ 内置AI生成标题、模型参数自定义等功能。 ◦ 无缝素材收集 ◦ 浏览网页时，通过快捷键即可静默收藏选中的文本或截图到软件内。 ◦ 可视化编辑 ◦ 通过拖拽方式对素材进行排版创作。 ◦ 多平台发布 ◦ 支持一键复制为公众号格式，或直接发布为公开网页，并能导出为长图或PDF。 ◦ 深度AI集成 ◦ 内置AI生成标题、模型参数自定义等功能。 AI协同开发模式与技术实现向阳乔木：上述这款复杂桌面应用的开发过程充分展示了人与AI协作的新范式，整个过程都是跟 AI 聊出来的。 • 跟 AI 讨论技术关键点： ◦ 明确框架： ◦ Electron （用于构建跨平台桌面应用）。 ◦ 找到核心库： ◦ Puppeteer （用于高质量地生成PDF和图片）。 ◦ 血泪教训：版本控制 ◦ Git 用于随时回滚错误修改，相比传统开发，Git 在 Vibe Coding的重要性还要再高 10倍！因为哪怕跟上次同样的prompt，AI 写的代码也会完全不同，更不要说你还不一定看得懂。 ◦ 明确框架： ◦ Electron （用于构建跨平台桌面应用）。 ◦ 找到核心库： ◦ Puppeteer （用于高质量地生成PDF和图片）。 ◦ 血泪教训：版本控制 ◦ Git 用于随时回滚错误修改，相比传统开发，Git 在 Vibe Coding的重要性还要再高 10倍！因为哪怕跟上次同样的prompt，AI 写的代码也会完全不同，更不要说你还不一定看得懂。 • 流程过程中跟 AI 协同： a. 需求定义 b. 先用自然语言让AI生成产品需求文档。 c. 原型生成 d. 将需求文档交给AI编程工具（Augment）生成第一版代码。 e. 迭代优化 f. 通过对话向AI描述Bug或新需求（如“帮我实现自动上传到图床”），AI提供解决方案，人进行测试和决策。 g. 代码重构 h. 当代码文件变得复杂时，利用AI的长上下文能力对其进行扫描和拆分。 a. 需求定义 b. 先用自然语言让AI生成产品需求文档。 c. 原型生成 d. 将需求文档交给AI编程工具（Augment）生成第一版代码。 e. 迭代优化 f. 通过对话向AI描述Bug或新需求（如“帮我实现自动上传到图床”），AI提供解决方案，人进行测试和决策。 g. 代码重构 h. 当代码文件变得复杂时，利用AI的长上下文能力对其进行扫描和拆分。 • 那人的角色是什么？ • 向阳乔木：人的价值在于做出关键决策（技术选型、方案评估）、进行细致的UI布局描述、以及承担最终的测试和调试工作。全场讨论：关于 Vibe Coding 的挑战、反思与总结。 AI的局限性：AI在某些任务上精度有限（如生成精美SVG），代码重构时也可能出错。测试是核心能力：AI让写代码变容易，但测试和调试（特别是逻辑和布局问题）变得更困难和重要。角色的融合：未来的开发者将更多地是“产品经理+程序员”的结合体，既要具备产品思维，从生活中发现痛点，也要能动手实现。最终目标：学习AI编程的核心是创造价值。应尽快动手做出能解决实际问题的产品，并尝试推向市场获得反馈，哪怕是收到第一笔付费，这种正向循环是持续深入的最佳动力。（完）会上所有人说的都是错的。以上总结由Claude完成，几乎没有修改，如果你觉得不对，那一定是AI错了。 and 文兄是谁？科技领域连续创业者（目前在AI+心理领域），中美3家AI公司的 CEO心智与战略教练，原阿里巴巴早期移动端核心产品负责人。未来一段时间，也许你关注的某些重要的AI产品，或某些备受关注的项目融资，背后就有他身影。 MindCode是什么？一个刚刚决定写点好东西的、很小众的公众号。日常发短篇，偶尔有深度长文。关注：AI、脑科学、心理学、创业等。由于在几个关联领域都有很深入思考，关注者中不乏顶级牛人，比如xxx和xx。 AI时代，读他人之未读对你很重要。关注并发送“1”可加讨论小群，还可参加“读完周报再来聊聊”的闭门交流会。 🔗 原文链接： https://mp.weixin.qq.com/s/GJih2S5D... https://mp.weixin.qq.com/s/GJih2S5D... 原创文兄赞一个 MindCode2025年07月29日 16:54 美国按： “读完周报再来聊聊”是MindCode仅限进群粉丝参加的闭门直播交流会。目前已经做了16期。闭门会是一场交流会，每期我们围绕近期周报里大家感兴趣的内容展开讨论，偶尔会邀请特定嘉宾。直播交流会没有回放，一般也没有会后总结，但偶尔会有，比如本期。本期我们邀请了向阳乔木一起来聊聊： Vibe Coding 是个啥，为什么它如此重要？以下是本期文字总结，由于现场是实机上手演示为主，文字总结只还原了现场1‰的精彩——但仍然很精彩——欢迎你阅读。核心动机与未来趋势：为何要学 Vibe Coding？向阳乔木：掌握AI编程（Vibe Coding）正成为一项新时代的基础技能。如同汽车驾驶在几十年里从专业岗位（还有编制）普及为基本能力，Coding的门槛因AI而大幅降低，未来将惠及更多人。 Vibe Coding 的核心价值在于纳瓦尔说的：利用代码（Code）和媒体（Media）这两个新时代的强大杠杆。 AI让普通人也能通过创造产品来服务大量用户，从而将个人时间转化为巨大价值。这就像保罗·格雷厄姆的“修门”隐喻：互联网世界充满了未被满足的需求（“漏风的墙”），而掌握AI编程能力的人，就能成为那个发现并解决问题的“木匠”，创造出实际价值。