第057期：从创意到上线：程序员必知的AI开发黄金流程，效率提升100%不是梦！-唐霜

据GitHub 2025年报告，78%的【作者：唐霜】著作权归作者所有，禁止商业用途转载。开发者使用AI辅助编程，平均提升开发效率著作权归作者所有，禁止商业用途转载。【本文受版权保护】35%。然而，”用AI写代码【本文受版权保护】未经授权，禁止复制转载。”不等于”让AI【本文首发于唐霜的博客】【本文受版权保护】替你写代码”——高效的AI辅【关注微信公众号：wwwtangshuangnet】本文作者：唐霜，转载请注明出处。助编程依赖于开发者对工具的驾驭能力。

【原创内容，转载请注明出处】著作权归作者所有，禁止商业用途转载。

本文可结合播客节目一起收听：

转载请注明出处：www.tangshuang.net【关注微信公众号：wwwtangshuangnet】未经授权，禁止复制转载。著作权归作者所有，禁止商业用途转载。

喜马拉雅：https://www.ximalaya【转载请注明来源】【作者：唐霜】.com/sound/943949481
【原创内容，转载请注明出处】小宇宙同步可收听，搜“Robust：程序著作权归作者所有，禁止商业用途转载。著作权归作者所有，禁止商业用途转载。员的TALK PLACE”来关注节目

【关注微信公众号：wwwtangshuangnet】【关注微信公众号：wwwtangshuangnet】【本文首发于唐霜的博客】

播客节目中，我讲了更多细节，本文则是非常【未经授权禁止转载】未经授权，禁止复制转载。精炼的文字版本。帮助你瞬间get到我要表【原创内容，转载请注明出处】著作权归作者所有，禁止商业用途转载。达的观点。

著作权归作者所有，禁止商业用途转载。【原创不易，请尊重版权】【关注微信公众号：wwwtangshuangnet】本文作者：唐霜，转载请注明出处。

引言：AI编程的信任危机与突破之道

2025年，AI编程已然渗透了各行各业，【版权所有】唐霜 www.tangshuang.net【关注微信公众号：wwwtangshuangnet】影响着软件的整个生命周期。但有趣的是，用本文版权归作者所有，未经授权不得转载。本文版权归作者所有，未经授权不得转载。户对AI的正面评价从70%以上跌至60%【转载请注明来源】【作者：唐霜】；而在应对复杂开发任务时的信任度，也从3【本文受版权保护】原创内容，盗版必究。5%下滑到29%。

【关注微信公众号：wwwtangshuangnet】本文版权归作者所有，未经授权不得转载。

这种信任度的下降并非AI技术本身的问题，【作者：唐霜】【访问 www.tangshuang.net 获取更多精彩内容】而是缺乏系统化的AI开发流程。大多数程序员只是零散地使用AI工具，而【转载请注明来源】本文作者：唐霜，转载请注明出处。没有建立完整的开发体系。

经过两个月的沉浸式vibe coding【本文受版权保护】【转载请注明来源】实践，我总结出了一套可靠的AI开发流程，未经授权，禁止复制转载。转载请注明出处：www.tangshuang.net这套流程用于应对vibe coding的【访问 www.tangshuang.net 获取更多精彩内容】【版权所有】唐霜 www.tangshuang.net这种不确定性，通过流程控制，提升我们AI本文作者：唐霜，转载请注明出处。本文作者：唐霜，转载请注明出处。编程的效果。流程将AI开发分为两个关键阶本文版权归作者所有，未经授权不得转载。【作者：唐霜】段：产品startup阶段和功能迭代阶段。

原创内容，盗版必究。转载请注明出处：www.tangshuang.net

第一阶段：产品Startup阶段 – 从0到1的AI赋能

如果你是在已有的项目上开发，寻求获得AI本文版权归作者所有，未经授权不得转载。本文版权归作者所有，未经授权不得转载。赋能，可以直接跳到下一阶段进行阅读。但是【版权所有，侵权必究】本文版权归作者所有，未经授权不得转载。，如果你作为独立开发者，打算做自己的产品【版权所有】唐霜 www.tangshuang.net本文作者：唐霜，转载请注明出处。独立发布，那么，这个部分的内容你一定不能原创内容，盗版必究。转载请注明出处：www.tangshuang.net错过。

1.1 创意idea的梳理和完善

痛点： 大多数创意夭折在萌芽阶段，因【本文首发于唐霜的博客】【原创不易，请尊重版权】为缺乏系统化的验证机制。

【转载请注明来源】本文版权归作者所有，未经授权不得转载。

解决方案： 让AI成为你的产品经理和商业【原创不易，请尊重版权】【本文首发于唐霜的博客】分析师。

竞品分析： 利用AI的联网能力，找出全部原创内容，盗版必究。【访问 www.tangshuang.net 获取更多精彩内容】有类似功能的产品，生成竞品对比表

【访问 www.tangshuang.net 获取更多精彩内容】

【转载请注明来源】

【本文受版权保护】

可行性评估： AI帮你分析技术复杂度、成本【转载请注明来源】【原创内容，转载请注明出处】投入、目标用户、产品风格等关键因素

【本文受版权保护】

本文作者：唐霜，转载请注明出处。

【本文首发于唐霜的博客】

热情测试： 如果与AI探讨后热情下降，果原创内容，盗版必究。【转载请注明来源】断放弃——这是AI帮你做的第一个重要决策

本文版权归作者所有，未经授权不得转载。

【原创内容，转载请注明出处】

原创内容，盗版必究。

【转载请注明来源】

一上来就开始写代码，这是很多程序员的“通【关注微信公众号：wwwtangshuangnet】著作权归作者所有，禁止商业用途转载。病”。程序员的做事惯性，让我们不善于在事【原创内容，转载请注明出处】本文作者：唐霜，转载请注明出处。情开始之前，对要做的事情做好调研和规划。【版权所有】唐霜 www.tangshuang.net本文版权归作者所有，未经授权不得转载。当我们有一个点子之后，我们不应该用代码去【关注微信公众号：wwwtangshuangnet】【原创内容，转载请注明出处】验证它的可行性，能否做出来产品和能否能否转载请注明出处：www.tangshuang.net【转载请注明来源】做活产品，是完全不一样的两件事。我们应该【版权所有】唐霜 www.tangshuang.net【关注微信公众号：wwwtangshuangnet】先去验证，这个想法，是否能被市场（用户）本文版权归作者所有，未经授权不得转载。【本文首发于唐霜的博客】所接受，以及付费的可能性。

【本文首发于唐霜的博客】【作者：唐霜】

在这一阶段，AI于我们来说，就是“导师”本文版权归作者所有，未经授权不得转载。【关注微信公众号：wwwtangshuangnet】的角色，它不直接告诉我们该怎么做。核心方本文版权归作者所有，未经授权不得转载。【原创内容，转载请注明出处】法论，就是让AI扮演那个对我们的创意“质转载请注明出处：www.tangshuang.net著作权归作者所有，禁止商业用途转载。疑”的人，通过让AI尖锐的对我们的创意进【本文首发于唐霜的博客】【版权所有，侵权必究】行质问，让我们逐渐清晰，自己的创意是否值转载请注明出处：www.tangshuang.net【原创不易，请尊重版权】得去做成产品。以及，将采用什么商业模式，原创内容，盗版必究。【作者：唐霜】来做活这个产品。

【关注微信公众号：wwwtangshuangnet】【关注微信公众号：wwwtangshuangnet】【原创内容，转载请注明出处】未经授权，禁止复制转载。

要完成“创意解析、市场调研、竞品分析、用【版权所有，侵权必究】未经授权，禁止复制转载。户画像、产品风格”等一系列的前置工作。这【版权所有，侵权必究】【访问 www.tangshuang.net 获取更多精彩内容】些工作都可以交给AI来做。现在的AI A未经授权，禁止复制转载。转载请注明出处：www.tangshuang.netgent拥有联网、调用工具的能力，例如做未经授权，禁止复制转载。本文作者：唐霜，转载请注明出处。竞品分析分析，我们可以让AI通过联网去检原创内容，盗版必究。【未经授权禁止转载】索和我们的创意有重叠的其他产品，并让AI未经授权，禁止复制转载。【版权所有，侵权必究】为我们分析该产品在该功能上的设计与市场反【本文首发于唐霜的博客】【作者：唐霜】馈。同样的道理，我们可以让AI帮我们去调转载请注明出处：www.tangshuang.net【作者：唐霜】用工具，去分析从网上找到的数据，做用户画【版权所有，侵权必究】【本文受版权保护】像分析和其他调研。

【本文受版权保护】原创内容，盗版必究。转载请注明出处：www.tangshuang.net未经授权，禁止复制转载。

形成一套自己的agent组合，每次开始新【转载请注明来源】【未经授权禁止转载】项目时都可以复用这些agent完成市场调【作者：唐霜】未经授权，禁止复制转载。研工作。
原创内容，盗版必究。【原创不易，请尊重版权】【原创内容，转载请注明出处】

著作权归作者所有，禁止商业用途转载。本文版权归作者所有，未经授权不得转载。原创内容，盗版必究。

1.2 产品文档的创建

基于创意文档，让AI生成完整的产品文档，转载请注明出处：www.tangshuang.net本文版权归作者所有，未经授权不得转载。包括：

转载请注明出处：www.tangshuang.net【原创不易，请尊重版权】

产品概念文档：明确产品定位和核心价值

【原创内容，转载请注明出处】

【作者：唐霜】

【本文首发于唐霜的博客】

UI/UX设计文档：包含页面结构、功能交互、主题风格

【原创内容，转载请注明出处】

技术架构设计文档：技术选型、系统架构、数据流设计

未经授权，禁止复制转载。

【本文受版权保护】

原创内容，盗版必究。

本文版权归作者所有，未经授权不得转载。

其中，UI/UX设计文档和技术架构文档非【关注微信公众号：wwwtangshuangnet】【原创内容，转载请注明出处】常重要，UI/UX文档将作为UI界面生成未经授权，禁止复制转载。著作权归作者所有，禁止商业用途转载。的依据，而技术架构文档，将为AI提供代码未经授权，禁止复制转载。著作权归作者所有，禁止商业用途转载。生成的参考。

未经授权，禁止复制转载。【作者：唐霜】【原创不易，请尊重版权】

作为程序员，往往会忽略UI/UX文档的重本文作者：唐霜，转载请注明出处。【转载请注明来源】要性，因为自己从来没有参与过设计工作，大【关注微信公众号：wwwtangshuangnet】原创内容，盗版必究。部分时间都是接收设计师的输出来实现。而当【关注微信公众号：wwwtangshuangnet】未经授权，禁止复制转载。我们要准备自己去做产品的时候，我们就需要未经授权，禁止复制转载。本文作者：唐霜，转载请注明出处。AI来帮我们扮演设计师的角色。如何让AI【本文首发于唐霜的博客】【版权所有，侵权必究】可控性较高的生成设计稿，就是要靠文档。在【本文首发于唐霜的博客】著作权归作者所有，禁止商业用途转载。设计文档中，不仅要让AI为我们设计应用有未经授权，禁止复制转载。【关注微信公众号：wwwtangshuangnet】哪些页面，还要为我们设计具体的交互流程，本文版权归作者所有，未经授权不得转载。未经授权，禁止复制转载。不同登录态、点击态下的交互效果。

原创内容，盗版必究。著作权归作者所有，禁止商业用途转载。著作权归作者所有，禁止商业用途转载。【转载请注明来源】

关键技巧： 不要直接修改文档，而是通过对著作权归作者所有，禁止商业用途转载。转载请注明出处：www.tangshuang.net话让AI调整——AI可以对全文进行一致性未经授权，禁止复制转载。【转载请注明来源】修改，避免遗漏。

未经授权，禁止复制转载。【访问 www.tangshuang.net 获取更多精彩内容】本文作者：唐霜，转载请注明出处。

之所以不要直接修改文档，而是通过与AI对【版权所有，侵权必究】【版权所有】唐霜 www.tangshuang.net话的方式让AI来修改文档，主要有两个原因【转载请注明来源】著作权归作者所有，禁止商业用途转载。：1. 你和AI之间的对话所形成的上下文【访问 www.tangshuang.net 获取更多精彩内容】本文作者：唐霜，转载请注明出处。是在对话程序内部的，而文档本身并不在上下本文版权归作者所有，未经授权不得转载。原创内容，盗版必究。文中，当你继续与AI对话的时候，你所做的原创内容，盗版必究。【访问 www.tangshuang.net 获取更多精彩内容】修改，不在上下文中，新生成的文档，AI可【转载请注明来源】著作权归作者所有，禁止商业用途转载。能用老的内容将你修改过的内容覆盖了；2.【原创内容，转载请注明出处】未经授权，禁止复制转载。你自己去修改文档，可能只修改了一处，而【原创不易，请尊重版权】著作权归作者所有，禁止商业用途转载。没有把关联逻辑的其他地方也进行修改，而有本文作者：唐霜，转载请注明出处。本文作者：唐霜，转载请注明出处。的时候，你修改了一些很底层的设计，如果不未经授权，禁止复制转载。著作权归作者所有，禁止商业用途转载。让AI顺着你的思路，重新对文档进行调整，【原创内容，转载请注明出处】【未经授权禁止转载】那么，你的文档本身是存在内在逻辑错误的。

1.3 UI界面的生成

Google旗下的产品stitch是专门【本文首发于唐霜的博客】【版权所有，侵权必究】针对应用（PC或手机）进行UI设计的工具本文作者：唐霜，转载请注明出处。原创内容，盗版必究。。它实际会生成HTML代码来呈现界面，因著作权归作者所有，禁止商业用途转载。本文版权归作者所有，未经授权不得转载。此，当我们要调整一些颜色、主题、布局等通【版权所有，侵权必究】【转载请注明来源】过调整代码就可以实现的效果时，直接调整代本文版权归作者所有，未经授权不得转载。【本文受版权保护】码就可以做到，因此，它提供了丰富的主题调【原创内容，转载请注明出处】【原创不易，请尊重版权】整能力，这些调整基于代码修改来实现，极大【版权所有】唐霜 www.tangshuang.net未经授权，禁止复制转载。的保证了设计稿的一致性。但是，虽然它是代著作权归作者所有，禁止商业用途转载。未经授权，禁止复制转载。码，但我们从用户角度，会完全把stitc转载请注明出处：www.tangshuang.net未经授权，禁止复制转载。h作为一个设计工具来用。

使用stitch，可以很轻松的生成产品U【未经授权禁止转载】【未经授权禁止转载】I界面。不过，在使用时，应注意以下技巧：

转载请注明出处：www.tangshuang.net【作者：唐霜】

分批次生成： stitch一次最多生成5个本文版权归作者所有，未经授权不得转载。转载请注明出处：www.tangshuang.net页面，需要分多次完成

未经授权，禁止复制转载。

【原创不易，请尊重版权】

风格迭代： 不满意就重新开启sessio转载请注明出处：www.tangshuang.net本文版权归作者所有，未经授权不得转载。n，直到获得满意的界面风格

【作者：唐霜】

【转载请注明来源】

未经授权，禁止复制转载。

细节完善： 通过对话调整细节，补充界面元【转载请注明来源】原创内容，盗版必究。素

原创内容，盗版必究。

【原创内容，转载请注明出处】

【关注微信公众号：wwwtangshuangnet】

著作权归作者所有，禁止商业用途转载。【本文首发于唐霜的博客】【本文受版权保护】本文作者：唐霜，转载请注明出处。

1.4 产品原型的开发

接下来，我们在aistudio中进行原型著作权归作者所有，禁止商业用途转载。著作权归作者所有，禁止商业用途转载。开发。aistudio是google提供著作权归作者所有，禁止商业用途转载。著作权归作者所有，禁止商业用途转载。的AI工具，其build模式可以轻松创建转载请注明出处：www.tangshuang.net转载请注明出处：www.tangshuang.net应用。Gemini对UI的生成非常敏感，本文版权归作者所有，未经授权不得转载。转载请注明出处：www.tangshuang.net可以做到几乎1:1的界面还原，是当下处理未经授权，禁止复制转载。【版权所有】唐霜 www.tangshuang.netAI生成最好的工具。通过aistudio【原创内容，转载请注明出处】【作者：唐霜】，可以非常轻松的生成应用的前端代码，目前【作者：唐霜】【版权所有】唐霜 www.tangshuang.net仅支持react和angular应用。虽【原创不易，请尊重版权】【未经授权禁止转载】然它是网页端的工具，但你完全可以把它当作本文版权归作者所有，未经授权不得转载。【作者：唐霜】编程工具。在使用中，请注意以下技巧：

逐步生成： 界面较多时，分多轮对话逐步生转载请注明出处：www.tangshuang.net【访问 www.tangshuang.net 获取更多精彩内容】成所有页面，因为它在第一次只能生成不多于【原创不易，请尊重版权】【未经授权禁止转载】5个界面，所以，即使你从stitch导入转载请注明出处：www.tangshuang.net本文版权归作者所有，未经授权不得转载。了全部界面，也必须检查它是不是把所有界面【访问 www.tangshuang.net 获取更多精彩内容】【访问 www.tangshuang.net 获取更多精彩内容】都生成好了

原创内容，盗版必究。

【未经授权禁止转载】

【原创内容，转载请注明出处】

数据与UI分离： 通过System instr本文作者：唐霜，转载请注明出处。转载请注明出处：www.tangshuang.netuctions实现高可移植性，命令它按分【版权所有】唐霜 www.tangshuang.net本文作者：唐霜，转载请注明出处。层理念，设计代码结构，把所有涉及后端操作本文版权归作者所有，未经授权不得转载。【转载请注明来源】的都收拢到前端数据层，用mock数据来填【关注微信公众号：wwwtangshuangnet】【版权所有】唐霜 www.tangshuang.net充，这样方便后续我们自己实现与后端的对接

著作权归作者所有，禁止商业用途转载。

【本文首发于唐霜的博客】

代码下载： 完成原型开发后将代码下载到本本文作者：唐霜，转载请注明出处。【版权所有】唐霜 www.tangshuang.net地

【原创不易，请尊重版权】

本文版权归作者所有，未经授权不得转载。

本文作者：唐霜，转载请注明出处。

本文版权归作者所有，未经授权不得转载。

完成这一步，我们的产品原型就已经做好了。本文作者：唐霜，转载请注明出处。【版权所有，侵权必究】这个时候，我们就可以做一些DEMO了，我本文作者：唐霜，转载请注明出处。【本文受版权保护】们可以给我们的客户演示新产品的完整交互，转载请注明出处：www.tangshuang.net【关注微信公众号：wwwtangshuangnet】展示产品逻辑和概念。甚至，我们可以开始寻未经授权，禁止复制转载。【本文受版权保护】找投资人为产品注入价值。

1.5 项目代码初始化

【关注微信公众号：wwwtangshuangnet】【原创不易，请尊重版权】

我的个人建议是，你应该有一套功能完备的框【作者：唐霜】本文作者：唐霜，转载请注明出处。架，包括前后端的能力基础，然后可以直接让原创内容，盗版必究。【本文首发于唐霜的博客】aistudio下载下来的代码，无需做任本文版权归作者所有，未经授权不得转载。【访问 www.tangshuang.net 获取更多精彩内容】何处理，就可以直接接入这套框架。这样做的【版权所有】唐霜 www.tangshuang.net【版权所有，侵权必究】好处是，你还可以继续在aistudio修【未经授权禁止转载】【原创不易，请尊重版权】改前端代码。

本文版权归作者所有，未经授权不得转载。【关注微信公众号：wwwtangshuangnet】著作权归作者所有，禁止商业用途转载。著作权归作者所有，禁止商业用途转载。

建立可复用的代码框架：

【关注微信公众号：wwwtangshuangnet】【未经授权禁止转载】【本文首发于唐霜的博客】

# 示例：项目初始化结构
project/
├── documents/          # 给AI看的文档
├── src/               # 源代码
├── CLAUDE.md          # AI导航文档
└── RULES.md           # AI代码规范

documents目录： 存放所有设计文档和第三方库手本文作者：唐霜，转载请注明出处。本文作者：唐霜，转载请注明出处。册

本文版权归作者所有，未经授权不得转载。

【未经授权禁止转载】

CLAUDE.md： 使用claude code的【原创不易，请尊重版权】【本文首发于唐霜的博客】/init命令生成，作为AI的代码地图

【作者：唐霜】

【原创内容，转载请注明出处】

未经授权，禁止复制转载。

RULES.md： 简洁的AI代码规范，避免过多原创内容，盗版必究。著作权归作者所有，禁止商业用途转载。token消耗

未经授权，禁止复制转载。

【原创不易，请尊重版权】

本文作者：唐霜，转载请注明出处。

我们尽可能的提供关于整个项目的概念、架构本文版权归作者所有，未经授权不得转载。【转载请注明来源】设计、具体实现的文档作为参考，提供给AI【未经授权禁止转载】本文作者：唐霜，转载请注明出处。作为上下文，只要有足够的信息，AI可以非未经授权，禁止复制转载。转载请注明出处：www.tangshuang.net常轻松掌握你的项目代码，并按照你的项目逻原创内容，盗版必究。【作者：唐霜】辑设计新代码。

1.6 项目开发的正式启动

接下来，就是开始用AI写代码的阶段了。我【关注微信公众号：wwwtangshuangnet】【未经授权禁止转载】们让aistudio帮我们完成了前端的大本文版权归作者所有，未经授权不得转载。著作权归作者所有，禁止商业用途转载。部分工作，后端的API接口部分则需要让A【未经授权禁止转载】【访问 www.tangshuang.net 获取更多精彩内容】I根据产品文档、技术文档，为我们提供符合【未经授权禁止转载】【版权所有，侵权必究】项目架构的代码。最好，你有一些写好的例子转载请注明出处：www.tangshuang.net著作权归作者所有，禁止商业用途转载。，让AI参考这些例子去实现，从而保持代码未经授权，禁止复制转载。【关注微信公众号：wwwtangshuangnet】的一致性。

并行开发策略：

研发规划文档： 让agent规划开发步骤、里【本文首发于唐霜的博客】著作权归作者所有，禁止商业用途转载。程碑、功能测试

未经授权，禁止复制转载。

本文作者：唐霜，转载请注明出处。

转载请注明出处：www.tangshuang.net

本文版权归作者所有，未经授权不得转载。

多agent并行： 根据规划文档中互不冲突的任务【原创内容，转载请注明出处】本文作者：唐霜，转载请注明出处。，启用多个agent并行开发

未经授权，禁止复制转载。

【本文受版权保护】

前后端协同： AI根据产品设计和前端代码，著作权归作者所有，禁止商业用途转载。【转载请注明来源】开发后端API接口

【本文受版权保护】

【本文首发于唐霜的博客】

本文版权归作者所有，未经授权不得转载。

1.7 项目上线

部署策略建议：

不推荐： supabase+verce【作者：唐霜】原创内容，盗版必究。l方案（数据不可控）

本文版权归作者所有，未经授权不得转载。

【本文首发于唐霜的博客】

推荐： 腾讯云/阿里云海外虚拟服务器【本文受版权保护】【版权所有，侵权必究】（自主可控）

原创内容，盗版必究。

本文作者：唐霜，转载请注明出处。

著作权归作者所有，禁止商业用途转载。

自动化： 构建github actio未经授权，禁止复制转载。【版权所有，侵权必究】ns或n8n流水线进行自动化部署

【未经授权禁止转载】

【转载请注明来源】

【关注微信公众号：wwwtangshuangnet】

初创阶段要快，不要过度追求完美测试，能用【版权所有】唐霜 www.tangshuang.net【未经授权禁止转载】就上线。
本文版权归作者所有，未经授权不得转载。【关注微信公众号：wwwtangshuangnet】

第二阶段：功能迭代阶段 – AI最擅长的领域

接下来，就是我们程序员最喜欢的环节——功本文作者：唐霜，转载请注明出处。【原创不易，请尊重版权】能实现的环节。然而，请暂停一下，当我们用【未经授权禁止转载】【版权所有】唐霜 www.tangshuang.netAI来实现功能，或者对原有功能进行修改时【本文受版权保护】原创内容，盗版必究。，你应该让AI能够理解你的意图，否则，A【原创内容，转载请注明出处】【本文受版权保护】I只会按照自己的随机发挥，给出可能完全不【版权所有，侵权必究】原创内容，盗版必究。符合你要求的结果。因此，在进行功能迭代时【访问 www.tangshuang.net 获取更多精彩内容】本文版权归作者所有，未经授权不得转载。，我设计了更为可靠的开发流程来让AI更稳本文作者：唐霜，转载请注明出处。原创内容，盗版必究。定。

原创内容，盗版必究。【原创不易，请尊重版权】

2.1 功能调研文档

在开始具体功能开发前，让AI完成全面的技转载请注明出处：www.tangshuang.net【本文受版权保护】术调研：

产品层面拆解： 功能在产品中的定位和价值

【本文首发于唐霜的博客】

著作权归作者所有，禁止商业用途转载。

技术层面拆解： 技术方案对比、第三方库评估、原创内容，盗版必究。【本文首发于唐霜的博客】风险点识别

【原创内容，转载请注明出处】

原创内容，盗版必究。

【未经授权禁止转载】

技术降级方案： 准备备用方案应对技术风险

未经授权，禁止复制转载。

原创内容，盗版必究。

向AI描述清楚我们要做什么功能，这个功能【关注微信公众号：wwwtangshuangnet】原创内容，盗版必究。有哪些特点，让AI基于我们当前项目的实际本文版权归作者所有，未经授权不得转载。著作权归作者所有，禁止商业用途转载。进度，生成功能调研文档。此时，就像最开始【原创不易，请尊重版权】【关注微信公众号：wwwtangshuangnet】的创意文档一样，AI会给我们一份它对这个【版权所有，侵权必究】原创内容，盗版必究。功能的理解、技术方案对比、技术选型对比、原创内容，盗版必究。【原创内容，转载请注明出处】风险点、优先级等等。通过阅读这份文档，我们可以知道AI是否真本文作者：唐霜，转载请注明出处。本文版权归作者所有，未经授权不得转载。的理解了我们的需求。同时，我们也做到了对AI生成的代码的“心【版权所有，侵权必究】著作权归作者所有，禁止商业用途转载。中有数”，避免所谓的“无限软件危机”。通本文版权归作者所有，未经授权不得转载。【版权所有】唐霜 www.tangshuang.net过文档沉淀，未来开发新功能时，AI也知道著作权归作者所有，禁止商业用途转载。【作者：唐霜】当前系统中不同功能是怎么实现的。

【访问 www.tangshuang.net 获取更多精彩内容】转载请注明出处：www.tangshuang.net【未经授权禁止转载】

2.2 功能实施文档

【转载请注明来源】【访问 www.tangshuang.net 获取更多精彩内容】【原创内容，转载请注明出处】

技术架构设计： 功能的具体技术实现方案

著作权归作者所有，禁止商业用途转载。

本文作者：唐霜，转载请注明出处。

本文版权归作者所有，未经授权不得转载。

【关注微信公众号：wwwtangshuangnet】

文件级规划： 具体到修改/新增哪个文件，f【版权所有，侵权必究】著作权归作者所有，禁止商业用途转载。ake code示例

【本文首发于唐霜的博客】

著作权归作者所有，禁止商业用途转载。

步骤分解： 详细的开发步骤和预期结果

著作权归作者所有，禁止商业用途转载。

【本文受版权保护】

这是一个非常重要的步骤，是确保AI能够实转载请注明出处：www.tangshuang.net【原创内容，转载请注明出处】现好效果代码的关键。有了这个文档，程序员【版权所有，侵权必究】【访问 www.tangshuang.net 获取更多精彩内容】自己也能清晰知道如何开发。我认为，这份文档是全部文档中，最关键的，【本文首发于唐霜的博客】【原创不易，请尊重版权】它直接明确了AI要做什么，以及怎么做。如果你的AI工具是非常严格按照文档执行的未经授权，禁止复制转载。【版权所有】唐霜 www.tangshuang.net，理论上，它不会出现任何幻觉。

本文作者：唐霜，转载请注明出处。【原创内容，转载请注明出处】【访问 www.tangshuang.net 获取更多精彩内容】著作权归作者所有，禁止商业用途转载。

由于我们已经让AI在文档中，非常细致的给【关注微信公众号：wwwtangshuangnet】著作权归作者所有，禁止商业用途转载。出了要修改/新增哪些文件，甚至具体到哪个【作者：唐霜】本文版权归作者所有，未经授权不得转载。函数，而且还给出了fake code，这【作者：唐霜】【原创内容，转载请注明出处】已经相当于是一份指令了。如果一个刚毕业的【本文首发于唐霜的博客】著作权归作者所有，禁止商业用途转载。到你团队的毕业生，他不知道完整的项目逻辑【本文首发于唐霜的博客】【版权所有，侵权必究】，但是，如果你给了他这个文档，只要他按照【作者：唐霜】本文版权归作者所有，未经授权不得转载。这个文档做，应该也是可以完成这次任务的。

【本文首发于唐霜的博客】【原创不易，请尊重版权】

2.3 正式进入开发

接下来，我们就进入了正式的开发。开始让A【本文受版权保护】【关注微信公众号：wwwtangshuangnet】I给我们写代码了。在这里，我建议你开启vibe coding的”计本文版权归作者所有，未经授权不得转载。【作者：唐霜】划”功能：

【本文受版权保护】【原创不易，请尊重版权】著作权归作者所有，禁止商业用途转载。本文作者：唐霜，转载请注明出处。

步骤拆分： AI基于实施文档进行详细步骤【本文受版权保护】【原创不易，请尊重版权】拆分

未经授权，禁止复制转载。

原创内容，盗版必究。

本文作者：唐霜，转载请注明出处。

按步实施： 按步骤执行开发任务

著作权归作者所有，禁止商业用途转载。

【原创不易，请尊重版权】

实时干预： 发现问题立即打断，提供指导后原创内容，盗版必究。【本文首发于唐霜的博客】继续

【作者：唐霜】

【本文受版权保护】

【原创内容，转载请注明出处】

本文版权归作者所有，未经授权不得转载。

不同的工具可能叫法不同，cursor叫“【关注微信公众号：wwwtangshuangnet】本文版权归作者所有，未经授权不得转载。Plan”，Trae在SOLO模式下是一【关注微信公众号：wwwtangshuangnet】【本文受版权保护】个“计划”开关。通过计划功能，可以让我们【原创不易，请尊重版权】【版权所有，侵权必究】更清晰的了解当前的开发进度。一般来说，计原创内容，盗版必究。【原创内容，转载请注明出处】划步骤越细，稳定性效果越好。

2.4 循环调试

批量提交： 一次性提交所有修改点，避免零散修改

【原创不易，请尊重版权】

【关注微信公众号：wwwtangshuangnet】

精准定位： 明确指出文件路径和函数修改方法

著作权归作者所有，禁止商业用途转载。

【关注微信公众号：wwwtangshuangnet】

【转载请注明来源】

【访问 www.tangshuang.net 获取更多精彩内容】

参考图辅助： 虽然目前效果有限，但可以尝试使用

转载请注明出处：www.tangshuang.net

本文作者：唐霜，转载请注明出处。

转载请注明出处：www.tangshuang.net

【关注微信公众号：wwwtangshuangnet】

【本文受版权保护】

批量提交修改点这个策略非常重要。为什么要【版权所有，侵权必究】未经授权，禁止复制转载。批量提交，而不是一个修改点一个修改点的提本文版权归作者所有，未经授权不得转载。转载请注明出处：www.tangshuang.net交呢？有两点。1）你提交1个修改点所执行原创内容，盗版必究。原创内容，盗版必究。的时间，可能与你提交多个修改点的执行时间【原创内容，转载请注明出处】原创内容，盗版必究。差不了太多；2）你提交1个修改点之后，可本文版权归作者所有，未经授权不得转载。未经授权，禁止复制转载。能它修改的还不尽如人意，你还会继续修改这【关注微信公众号：wwwtangshuangnet】【访问 www.tangshuang.net 获取更多精彩内容】个点，如此多几次，剩下的点全都没动，耐心【原创不易，请尊重版权】著作权归作者所有，禁止商业用途转载。都没了。

【未经授权禁止转载】【未经授权禁止转载】

部分工具或模型支持“参考图”，例如在ai【本文受版权保护】转载请注明出处：www.tangshuang.netstudio中，可以通过截图，截图后通过【关注微信公众号：wwwtangshuangnet】原创内容，盗版必究。标注，告诉AI，“把这个按钮移除”，“点【作者：唐霜】转载请注明出处：www.tangshuang.net击这里的时候，改为弹出层方式呈现”……这【关注微信公众号：wwwtangshuangnet】【作者：唐霜】种提供“参考图”交互的方式，如果是我们人本文作者：唐霜，转载请注明出处。【关注微信公众号：wwwtangshuangnet】，当然是很容易理解的，但是对于AI来说，转载请注明出处：www.tangshuang.net本文版权归作者所有，未经授权不得转载。要将截图中的内容与实际的代码对应起来，其【本文首发于唐霜的博客】原创内容，盗版必究。实难度还是很大的。

未经授权，禁止复制转载。【本文首发于唐霜的博客】【本文受版权保护】

黄金流程

好了，到这里，我们用AI来开发产品的所有【访问 www.tangshuang.net 获取更多精彩内容】原创内容，盗版必究。流程就结束了。我们来总结一下，用AI来开本文作者：唐霜，转载请注明出处。【原创不易，请尊重版权】发产品的黄金流程。

【本文受版权保护】【关注微信公众号：wwwtangshuangnet】【本文首发于唐霜的博客】

在这套流程中，我们的核心思想就是“AI驱动的文档生成，文档驱动的AI编程，著作权归作者所有，禁止商业用途转载。【访问 www.tangshuang.net 获取更多精彩内容】围绕文档构建开发流程”。在AI时代，用文档来为AI提供背景信【关注微信公众号：wwwtangshuangnet】转载请注明出处：www.tangshuang.net息、运行指令，是非常妥当的一种编程模式。

【本文受版权保护】【本文受版权保护】

AI开发的最佳实践与进阶技巧

工具选择与配置

2024年程序员必装的AI编程神器：

著作权归作者所有，禁止商业用途转载。转载请注明出处：www.tangshuang.net【关注微信公众号：wwwtangshuangnet】

Claude Code： 基于Claude模型，深度理本文作者：唐霜，转载请注明出处。未经授权，禁止复制转载。解代码上下文

转载请注明出处：www.tangshuang.net

著作权归作者所有，禁止商业用途转载。

stitch： UI界面生成的利器

【作者：唐霜】

【访问 www.tangshuang.net 获取更多精彩内容】

未经授权，禁止复制转载。

著作权归作者所有，禁止商业用途转载。

ai studio： 原型开发的快速平台

【原创内容，转载请注明出处】

【访问 www.tangshuang.net 获取更多精彩内容】

效率提升的黄金法则

三大核心原则：

本文作者：唐霜，转载请注明出处。著作权归作者所有，禁止商业用途转载。【本文首发于唐霜的博客】【原创内容，转载请注明出处】

小步快跑： 将大任务拆分为小步骤，快速验【作者：唐霜】【转载请注明来源】证

原创内容，盗版必究。

【关注微信公众号：wwwtangshuangnet】

【本文受版权保护】

文档驱动： 所有开发都基于详细的文档指导

【作者：唐霜】

原创内容，盗版必究。

【作者：唐霜】

【转载请注明来源】

【本文首发于唐霜的博客】

【转载请注明来源】

避免的常见陷阱

AI编程的四大误区：

未经授权，禁止复制转载。【本文首发于唐霜的博客】【本文受版权保护】原创内容，盗版必究。

过度依赖： 把AI当代码生成器，而不是结转载请注明出处：www.tangshuang.net本文作者：唐霜，转载请注明出处。对编程的另一半

【作者：唐霜】

【未经授权禁止转载】

【原创不易，请尊重版权】

著作权归作者所有，禁止商业用途转载。

缺乏验证： 不验证AI生成的代码，直接使【作者：唐霜】【原创内容，转载请注明出处】用

【原创不易，请尊重版权】

本文作者：唐霜，转载请注明出处。

文档缺失： 跳过文档阶段，直接进入开发

【本文受版权保护】

【本文首发于唐霜的博客】

流程混乱： 没有清晰的开发流程，想到哪做【转载请注明来源】【本文首发于唐霜的博客】到哪

本文版权归作者所有，未经授权不得转载。

【本文首发于唐霜的博客】

未经授权，禁止复制转载。

结语：AI时代程序员的角色转变

AI编程不是要取代程序员，而是要重新定义程序员的角色。从代码编写者转变为：

本文作者：唐霜，转载请注明出处。本文作者：唐霜，转载请注明出处。著作权归作者所有，禁止商业用途转载。转载请注明出处：www.tangshuang.net

产品架构师： 设计整体产品和技术架构

【本文受版权保护】

AI训练师： 训练和指导AI完成具体任务

著作权归作者所有，禁止商业用途转载。

【原创内容，转载请注明出处】

【转载请注明来源】

质量把控者： 验证和优化AI的输出结果

【转载请注明来源】

【访问 www.tangshuang.net 获取更多精彩内容】

流程设计者： 设计高效的AI开发流程

【本文受版权保护】

原创内容，盗版必究。

未经授权，禁止复制转载。

未来属于那些能够驾驭AI的程序员，而不是本文作者：唐霜，转载请注明出处。【版权所有，侵权必究】被AI驾驭的程序员。
本文版权归作者所有，未经授权不得转载。著作权归作者所有，禁止商业用途转载。【版权所有】唐霜 www.tangshuang.net未经授权，禁止复制转载。

【作者：唐霜】原创内容，盗版必究。本文版权归作者所有，未经授权不得转载。

这套AI开发黄金流程已经在多个实际项目中【本文受版权保护】转载请注明出处：www.tangshuang.net验证，提升开发效率100%以上。关键在于未经授权，禁止复制转载。【未经授权禁止转载】建立系统化的流程，而不是零散地使用AI工【本文受版权保护】【原创不易，请尊重版权】具。如果你对用AI来进行产品开发的流程，【关注微信公众号：wwwtangshuangnet】转载请注明出处：www.tangshuang.net有什么想法，不妨在本文下方留言，让我们一【访问 www.tangshuang.net 获取更多精彩内容】未经授权，禁止复制转载。起来探讨。

【原创不易，请尊重版权】【转载请注明来源】

【版权所有】唐霜 www.tangshuang.net本文作者：唐霜，转载请注明出处。原创内容，盗版必究。【未经授权禁止转载】【原创内容，转载请注明出处】原创内容，盗版必究。本文作者：唐霜，转载请注明出处。【作者：唐霜】未经授权，禁止复制转载。著作权归作者所有，禁止商业用途转载。原创内容，盗版必究。著作权归作者所有，禁止商业用途转载。未经授权，禁止复制转载。未经授权，禁止复制转载。本文作者：唐霜，转载请注明出处。【版权所有，侵权必究】【未经授权禁止转载】本文作者：唐霜，转载请注明出处。本文版权归作者所有，未经授权不得转载。【原创不易，请尊重版权】转载请注明出处：www.tangshuang.net【未经授权禁止转载】未经授权，禁止复制转载。【转载请注明来源】【关注微信公众号：wwwtangshuangnet】著作权归作者所有，禁止商业用途转载。转载请注明出处：www.tangshuang.net本文作者：唐霜，转载请注明出处。著作权归作者所有，禁止商业用途转载。著作权归作者所有，禁止商业用途转载。未经授权，禁止复制转载。未经授权，禁止复制转载。

2025-12-27 1579

唐霜

第057期：从创意到上线：程序员必知的AI开发黄金流程，效率提升100%不是梦！

引言：AI编程的信任危机与突破之道

第一阶段：产品Startup阶段 – 从0到1的AI赋能

1.1 创意idea的梳理和完善

1.2 产品文档的创建

1.3 UI界面的生成

1.4 产品原型的开发

1.5 项目代码初始化

1.6 项目开发的正式启动

1.7 项目上线

第二阶段：功能迭代阶段 – AI最擅长的领域

2.1 功能调研文档

2.2 功能实施文档

2.3 正式进入开发

2.4 循环调试

黄金流程

AI开发的最佳实践与进阶技巧

工具选择与配置

效率提升的黄金法则

避免的常见陷阱

结语：AI时代程序员的角色转变

为价值买单，打赏一杯咖啡

声明

关于

生态