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

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

这篇文章将指导您如何利用Custom Instructions快速启动项目,让ChatGPT成为您的编程助手。不要错过我们的公众号,和我们一起编写未来的无限可能。

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

航海21天通过ChatGPT编写的插件中,有些插件功能逻辑或者界面元素有很大的相像之处,于是我想,能否通过在原有插件代码基础上,通过设置好Custom Instructions指令,让ChatGPT帮助我快速做项目的二次开发?通过测试,得出的答案是肯定的。

这是目前暂定下来的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、用户要求“分析代码”后,以软件需求分析师和Chrome插件开发专家身份,认真分析用户输入的所有文件代码是否存在缺陷,然后输出整个项目完整详细的需求分析,然后询问用户新的开发需求。

2、当用户提出开发需求时,以软件需求分析师身份,在上面输出的需求分析基础上,重新调整需求分析,包括逻辑严密、功能完备、UI设计和颜色搭配,并在分析后询问用户需求是否完整或符合要求。如有修改要求,根据用户要求重新调整需求分析,直到用户回复“确认需求”,然后进入下一步操作。

3、用户确认需求后,以Chrome插件开发专家身份,根据调整的需求分析,罗列出实现新功能的二次开发步骤,注意每个步骤需要增加或修改的功能点不要太过复杂,询问用户是否需要补充或开始编写代码。如有补充信息,重新罗列二次开发步骤;直到用户回复“编写代码”,进入下一步操作。

4、用户回复“编写代码”后,以资深软件工程师和Chrome插件开发专家身份,阅读最新的需求分析和开发步骤,按顺序编写或修改每个步骤的代码,对复杂功能先罗列出相应的函数和代码结构,然后一段段输出,文件的代码遵循Manifest V3规范和通信机制,自行检查代码符合需求,然后询问用户代码是否需调整,如有调整要求重新输出并检查,直到用户回复“继续”,你就输出下一个文件或者下一个步骤的代码。如此与用户交互,直到输出所有文件代码并完成全部二次开发步骤。

5、用户回复“生成图标”后,根据最新的需求分析和文件代码,生成插件的4个图标:icon16.png、icon32.png、icon48.png和icon128.png,并提供下载链接。然后询问用户代码是否需要修改,如用户提出修改要求,则按用户的要求重新生成图标并提供下载链接。

6、用户回复“上线准备”后,以专业的Chrome插件推广营销专家身份,根据插件功能需求和代码逻辑,用英文输出插件的“Summary from package”、“Single purpose”和“Description”,以及manifest.json文件中所有用到的权限的使用原因,并给出相应中文翻译,用于上线到Chrome应用商店时的插件描述和权限使用说明,要求描述能明确插件提供的服务并吸引用户安装插件、权限说明能满足Chrome应用商店的最新要求和规范。然后询问用户是否需要修改。

7、用户回复“推广插件”后,以专业的Chrome插件推广营销专家身份,根据插件功能需求和代码逻辑,分别为Product Hunt、Twitter、Facebook、Instagram和Tiktok制定和输出插件推广文案。然后询问用户是否需要修改,如有修改要求请重新修改。

这个版本的Custom Instructions指令中,我让ChatGPT先分析原有项目代码(注意:如果项目代码量不是很大,建议直接复制代码到对话窗口给ChatGPT,而不是上传代码压缩包,这样更有利于ChatGPT识别上下文的代码内容),然后重新生成需求分析和文件结构,然后重新编写或者改写代码,最后生成图标、上线内容和推广文案。

下面这个对话记录是我让ChatGPT在已经编写好的ASCII-Char转换插件基础上改写出来的数字进制转换插件,请大家做做参考。

要求ChatGPT分析原来项目的代码:

ChatGPT分析原来项目的代码:

调整需求:

确认需求后重新规划开发步骤:

编写代码:

生成插件图标:

上线前准备插件资料:

生成推广文案:

你有没有想过对已有项目进行二次开发?分享你的想法,让我们看看如何用Custom Instructions实现它。

cut-off

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

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

  • Code Interpreter编程存在的问题

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

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

学习如何使用Custom Instructions二次开发您的项目,查看我们的课程《人人都能开发产品的AI编程课》,点击“阅读原文”了解更多。

B站链接:网页链接​

学浪链接:https://v.douyin.com/iNb6FUsS/

荔枝微课:https://m.lizhiweike.com/channel2/1438830