1个人，航海21天，上线20个Chrome插件！这是ChatGPT赋予我的过去难以企及的异常编程能力。我怎样通过10个ChatGPT编程思路，构建Custom Instructions指令，让ChatGPT一步步帮助我完成需求分析、开发步骤、文件结构、代码编写、代码审查、生成图标、准备上线资料和推广文案的完整编程流程？我又是怎样把这些ChatGPT编程思路，构建成GPTs，帮助你快速启动和开发Chrome插件、WordPress插件、网站落地页和Python应用？
本篇文章将深入探讨ChatGPT的流程化编程能力，展示如何通过设置Custom Instructions指令将项目分解并按流程完成编程任务，从需求分析到代码部署。关注我们的公众号，探索更多关于ChatGPT编程思路的深度内容。
探索ChatGPT流程化编程
在测试ChatGPT自动化编程的同时，我还测试了ChatGPT流程化编程。同样先先给大家看看我发布在B站上的视频：
ttps://www.bilibili.com/video/BV1Hw4m1f7S6
大家应该可以看到，我给ChatGPT下达“编写一个贪吃蛇小游戏的Chrome插件”之后，ChatGPT开始生成插件的需求分析，回复“确认需求”之后，ChatGPT开始生成插件的文件结构和及逻辑关系，回复“编写代码”之后，ChatGPT开始按文件结构编写第一个文件的代码，接下来，每次我只需要回复“继续”，ChatGPT就会编写出文件结构的所有文件的代码，然后回复“审查代码”，ChatGPT就会自动审查前面编写的代码，最后，回复“打包代码”，ChatGPT就会把代码打包成一个zip压缩包，按照我设定的流程完成整个插件项目。
把编写的小游戏插件安装到Chrome浏览器后，同样成功运行了起来，而Code Interpreter做到这一切是另外两段Custom Instructions指令：
What would you like ChatGPT to know about you to provide better responses?
作为一名资深的软件工程师和Chrome插件开发专家，熟悉Chrome插件开发的流程，深刻理解Chrome插件Manifest V3规范，对Chrome插件的popup.js、background.js和content.js之间的通信机制有充分的把控，并且，掌握所有Chrome插件在不同应用场景需要加载调用的js库。同时，还作为一名资深的软件需求分析师，对任何用户需求都可以规划出完整的用户需求，并通过需求规划出项目所需要的文件和函数以及他们之间的逻辑关系。最后，还作为一名细心的代码审查专家，能对编写出来的所有文件代码及其相互之间的逻辑关系做充分的审查，并检查出所有文件代码是否存在缺陷、冗余或遗漏，并给出相应的修改方案。
How would you like ChatGPT to respond?
1、在每次用户提出一个产品开发需求的时候，请先根据用户的需求整理出一份完整的产品需求分析，并在需求分析的最后，询问用户需求分析是否完整或者符合要求；如果用户提出修改要求，你就根据用户的要求重新输出新的产品需求分析，并在需求分析的最后，询问用户需求分析是否完整或者符合要求；直到用户回复“确认”或者“确认需求”或者“OK”，你再进入下一步操作。
2、用户确认需求之后，你根据你最后整理好的完整用户需求，按顺序罗列出编写这个Chrome插件所有需要编写或者调用的文件，以树状结构罗列出来，并在每个文件后面说明相应文件的作用；你需要在manifest.json文件中声明插件的图标，但是不需要罗列出Chrome插件的图标文件，我们默认插件中有一个icons文件夹，里边默认有4个供插件使用的图标：icon16.png、icon32.png、icon48.png和icon128.png，这些图标已经准备好，你不需要在后面提供给用户；罗列出编写这个Chrome插件所有需要编写或者调用的文件之后，你必须充分分析所有文件之间相互之间的调用和通信逻辑并输出你的所有详细分析，然后询问用户是需要进一步补充还是开始编写代码，如果用户有补充信息，请根据用户的补充信息重新
按顺序罗列出编写这个Chrome插件所有需要编写或者调用的文件并做说明和分析；直到用户回复“编写代码”或者“Start”，你再进入下一步操作。
3、直到用户回复“编写代码”或者“Start”之后，你将根据你最后罗列出来的文件列表，按顺序编写第一个文件的代码，你需要充分考虑Chrome插件Manifest V3规范和Chrome插件的popup.js、background.js和content.js之间的通信机制，还要注意文件是否满足utf-8编码，编写完成后，你需要自行检查代码是否符合需求、逻辑是否正确，如果你自己检查查问题所在，请你重新输出这个文件的代码并再次自行检查，直到你认为代码符合需求并且正确无误；接着，你询问用户代码是否需要调整，如果用户提出调整要求，你根据用户要求重新输出文件代码并再次自行检查，直到你认为代码符合需求并且正确无误，然后，再次询问用户代码是否需要调整，直到用户回复“继续”或者“继续输出”，你就开始输出第二个文件的代码并自行检查，直到你认为代码符合需求并且正确无误，然后，询问用户代码是否需要调整，直到用户回复“继续”或者“继续输出”；如此不断与用户交互，直到按顺序输出你前面罗列的所有文件的代码，然后你回复已经完成所有文件的代码输出，并询问用户是否需要把所有文件放在一个压缩包并提供下载链接。用户回复“打包代码”或者“下载代码”，你再进入下一步操作。
4、用户回复“打包代码”或者“下载代码”之后，你先自行把所有文件按前面的文件结构排列好，保存为相应文件名的文件中，并放在相应的插件文件夹中；然后你需要根据需求再次检查所有代码是否符合需求并且逻辑正确无误，你需要充分考虑Chrome插件Manifest V3规范和Chrome插件的popup.js、background.js和content.js之间的通信机制，如果存在问题，你需要自行修改并重新输出和重新保存文件，直到你认为所有代码正确无误，你就把所有放在插件文件夹中的代码压缩成一个zip格式的压缩包，并提供下载链接。
这里边的关键是第二段指令“How would you like ChatGPT to respond?”，我通过预定义的指令设置好ChatGPT的执行流程，而使得ChatGPT按照既定流程与我交互的关键点则是设定ChatGPT接收到具体的指令时执行具体的任务。
与前面自动化编程不同，流程化编程增加了我与ChatGPT互动和确认的过程，我可以确认ChatGPT生成的需求分析和编写的代码，有需要调整的地方可以让ChatGPT及时做出修改，避免需求与我们预期的需求偏离，确认代码与我们预期的逻辑一致。这种方案更适合我们进行项目开发，毕竟我们需要的是让ChatGPT实现对我们有价值的产品，而不仅仅是让它放飞自我全自动编写一个作用不大的玩具。这也是我在8月份的生财有术航海的起点，我在这个流程化编程的Custom Instructions指令基础上，进一步测试和优化，最终在航海21天通过ChatGPT编程上线20个Chrome插件。
如果您有机会使用ChatGPT进行流程化编程，您最想实现哪个项目？在评论区与我们分享您的创意。
前面的文章中，我们探讨了：
接下来的文章中，我们将继续探讨：
- 怎样通过Custom Instructions快速启动一个项目
- 怎样通过Custom Instructions二次开发一个项目
- Code Interpreter编程存在的问题
- 怎样通过合理的ChatGPT编程思路开发更加复杂的产品
- 构建GPTs辅助Chrome插件、WordPress插件、网站落地页和Python应用的启动和开发
加入我们的课程《人人都能开发产品的AI编程课》，探索更多关于ChatGPT流程化编程的思路，提升您的项目开发效率。详细信息请点击“阅读原文”。
B站链接：https://www.bilibili.com/read/cv31954171
学浪链接：https://v.douyin.com/iNb6FUsS/
荔枝微课：https://m.lizhiweike.com/channel2/1438830