我用GPT-4帮忙写了一个浏览器扩展，帮你把Midjourney提示词和对应图片快速保存到Notion中，下面是插件的使用方式介绍、我总结的GPT-4使用技巧以及产品实现的具体过程。
详细的过程可以去这里查看：mp.weixin.qq.com
插件已经开源在这里下载：github.com

🧩插件介绍：
Prompt hunter扩展支持一键将Midjourney图片详情页的图片提示词和其他信息收集到你自己的Notion数据库中，未来也会支持保存到其他工具例如飞书语雀等。也会支持civitai等SD网站的提示词和信息收集。

📜本周总结的GPT-4编码技巧
在代码编写方面多做要求GPT-4的输出结果可读性会好很多
尽量让他多打log，以便能够准确定位问题
由于他的数据库就到21年很多事情不知道，所以你需要给他一些输入，例如对应产品的开发文档。比如他就认为Notion API 支持更改数据库的内容不支持为页面添加内容，于是我直接把Notion那部分的开发文档扔给它，它就会了，学习能力真的强。
还是那句话GPT-4不是全知的所以产出效果很依赖你的输入内容质量，在跟他对话的时候尽量提供详细的完整的信息

🧶实现过程
首先这次我在描述需求的时候比之前细致了非常多我详细描述了需求的背景具体的功能，以及需求涉及到的所有交互链路，还加上了对代码的一些要求。
这次由于交互链路非常复杂学到的一个技巧就是，让他在每一个个关键节点都在控制台输出log方便调试和寻找问题，不然点开没有反应浏览器的报错又很迟钝根本找不到哪里错了。
我发现，保存的图片地址都是一个SVG根本打不开，搜了一下居然是用图片懒加载做的反爬机制。这下GPT-4帮不了我了，我必须得自己找到真正的img标签的位置，后来找了好久一层一层看。终于让我找到了。
第二个比较大的坑是MJ详情页单独作为页面打开和作为浮层打开图片部分的class名称是不一样的，导致我找了很久打了好几个log才定位了问题。
最后为了保证表单的填写体验我对扩展浮层和设置页面的样式都做了视觉和交互上的优化。

感谢各位能够看到这里，如果觉得我的内容对你有帮助也欢迎转发给你的朋友或者同事。