怎样在航海21天通过ChatGPT编程上线20个Chrome插件(二)
易焘
2024年02月25日 15:18
收录于文集
共6篇
chatgpt编程

1个人,航海21天,上线20个Chrome插件!这是ChatGPT赋予我的过去难以企及的异常编程能力。我怎样通过10个ChatGPT编程思路,构建Custom Instructions指令,让ChatGPT一步步帮助我完成需求分析、开发步骤、文件结构、代码编写、代码审查、生成图标、准备上线资料和推广文案的完整编程流程?我又是怎样把这些ChatGPT编程思路,构建成GPTs,帮助你快速启动和开发Chrome插件、WordPress插件、网站落地页和Python应用?

本篇文章将深入探讨ChatGPT的自动化编程能力,展示如何通过设置Custom Instructions指令自动化编程任务,从需求分析到代码部署。跟随我们的公众号,探索更多关于ChatGPT如何简化编程工作的深度内容。

探索ChatGPT自动化编程

在测试ChatGPT全自动翻译和全自动写作失败之后,我对Code Interpreter和Custom Instructions的能力和局限有了大致的了解,于是,重新回归到我一直在摸索的ChatGPT编程领域。

我想,目前阶段,让ChatGPT全自动根据我们的需求编写出一个稍微复杂点的项目仍然是不现实的,但是如果我们的需求足够小,小到能在Code Interpreter运行环境的大小和GPT4本身的上下文记忆限制之内完成项目,那是否有可能实现全自动编程呢?我于是开始构造Custom Instructions指令,并做了大量的测试,从最最简单贪吃蛇和飞机大战小游戏插件开始,结果,还真成功了!

先给大家看看我发布在B站上的视频:

挑战ChatGPT全自动生成小游戏​

复制粘贴的工作也被替代,我的饭碗还能保住吗?​

视频本身制做得一般般,也没有给我带来多少流量,但大家应该可以大致看到,我给ChatGPT下达“编写一个贪吃蛇(打飞机)小游戏的Chrome插件”之后,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、当用户提出产品开发需求时,以软件需求分析师身份,根据需求整理完整产品需求分析,包括逻辑严密、功能完备、UI设计和颜色搭配。保存为“需求分析.md”并提供下载链接。然后,你不要暂停,直接进入下一步操作,不需要我做任何指示和确认。

2、保存到“需求分析.md”完成之后,以软件架构师身份,根据需求分析,罗列Chrome插件所需文件,并用树状结构展示。对每个文件的作用进行说明,注意声明图标。分析文件调用和通信逻辑,保存至“文件结构.md”并提供下载链接。然后,你不要暂停,直接进入下一步操作,不需要我做任何指示和确认。

3、保存“文件结构.md”完成之后,以资深软件工程师和Chrome插件开发专家身份,阅读“需求分析.md”和“文件结构.md”,按顺序编写每个文件的完整代码,保存相应的文件并提供下载链接,对复杂文件先罗列出相应的函数和代码结构,然后一段段输出,每一段都保存更新到相应的文件并提供每次更新的下载链接,文件的代码遵循所有规范和编码,自行检查代码符合需求,接着,你按同样的方式输出下一个文件的完整代码并保存并自行检查代码并做必要的修复,直到你输出你前面罗列的所有文件的代码并提供每个文件的下载链接;然后,你不要暂停,直接进入下一步操作,不需要我做任何指示和确认。

4、接下来,以软件测试工程师和Chrome插件开发专家身份,重新认真阅读文档,分析所有代码文件。检查代码符合需求、逻辑正确,并核对已编写的代码文件是否符合文件列表结构,是否有遗漏。重新输出并检查代码直到无误。判断是否需分多个压缩包打包。保存为“代码审查.md”并提供下载链接。然后,你不要暂停,直接进入下一步操作,不需要我做任何指示和确认。

5、最后,整理所有文件并保存为相应文件名,放入插件文件夹中。压缩所有代码为一个或多个zip格式压缩包,并提供下载链接。操作完成。

注意:上述所有步骤你都Step by Step自行运行,不需要询问我任何要求和确认,包括文件的功能、函数的逻辑和对象的特性等,所有这些你都根据需求分析自行做决定,也就是说,你必须自行一步步地完成需求分析、文件结构、所有代码文件的编写、代码审核和打包代码所有这些步骤,中间不需要我做任何确认。

这里边的关键是第二段指令“How would you like ChatGPT to respond?”,我通过预定义的指令设置好ChatGPT的执行流程,而触发ChatGPT不断运行的关键点则是保存文件,因为每次保存文件的时候都会触发Code Interpreter运行模拟环境,自动完成与浏览器端的交互,从而避免单次会话输出内容过长出现中断的问题。

那么,我们是不是可以这样让ChatGPT帮我们全自动编写代码和项目了呢?答案是否定的!而且我强烈建议大家不要这么做,因为实现上述这两个几乎全自动的开发流程,我至少调试了20次以上,也就是全自动编程的成功率不到10%,而且,自动编程过程中由于少了人为的确认和干预,编写出来的代码可能会存在我们意料之外的问题,比如说,上述自动编写出来的插件使用的都是Manifest V2规范,这种代码是无法上架到Chrome应用商店的。

我在这里给大家演示这个自动编程的流程,一方面是希望大家能认识到Custom Instructions结合Code Interpreter能产生远超我们想象的能力,另一方面是希望对自动化流程和批量处理感兴趣的朋友一同探索AI自动化。对于编程这种逻辑严密并且上下文强关联的任务,通过ChatGPT全自动编写并非最佳选择,但是,还有许多方向,包括全自动翻译、批量写社交文案、批量处理数据、批量生成绘画指令等等,都非常值得研究。而且,不管是ChatGPT的发展路径,亦或是风起云涌的Agent,都是在探索人工智能自动处理任务的极致能力。

您是否尝试过使用ChatGPT进行自动化编程?分享您的经验或遇到的挑战,让我们一起探讨解决方案。


前面的文章中,我们探讨了:

接下来的文章中,我们将继续探讨:

  • 探索ChatGPT流程化编程

  • 怎样通过Custom Instructions快速启动一个项目

  • 怎样通过Custom Instructions二次开发一个项目

  • Code Interpreter编程存在的问题

  • 怎样通过合理的ChatGPT编程思路开发更加复杂的产品

  • 构建GPTs辅助Chrome插件、WordPress插件、网站落地页和Python应用的启动和开发

加入我们的课程《人人都能开发产品的AI编程课》,掌握ChatGPT编程的关键技能。详细信息请点击“阅读原文”。