乐于分享
好东西不私藏

1小时,用豆包做了一个提示词管理插件

1小时,用豆包做了一个提示词管理插件

现在大家都在用AI作图,网上到处都在发图并配上提示词

我在使用了一段时间后,直接粘贴别人的提示词,显得过于机械,总觉得不是自己的
缺少那个灵魂和调整过程的感受
所以觉得提示词这个东西,参考别人的可以,最好自己在用心走一遍过程。
多自己调整调整,一点点改看看对生成的影响。
文本记录很多提示词,每次使用时也检索也有点麻烦
既然经常在网页操作,就想想要不做一个浏览器插件用的适合直接复制呢。
可自己又不会编程,AI都这个份上了不如AI试试。
本来想用Codex的,需要国外手机号接收短信,没折腾了,那就试试国内的豆包。
还好折腾成了,这就分享一下步骤,很简单~
分享的同时顺道把制作的流程发一下,有兴趣可以自己试试,对于没有开发经验的人真友好。
自己试试或者直接下载我的安装。
大家亲手试试,管理一套自己的提示词
文末有百度网盘分享
说说制作步骤
一、如何开始
咱们按着正常的开发节奏走,你得知道你要做什么,如果专业点就写个开发文档,在不会开发文档那就画草图
如下:
这里基本就把主要功能界面理清楚了
二、扔给AI开发
又到了提示词环节,如果不知道如何跟AI说可以直接把图片丢给他让他告诉你怎么说
这个方法很通用,让AI教你怎么跟AI讲,网上那些画风啊,设定排版啊都可以用这种方式截图给AI让AI告诉你提示词
豆包给出的需求提示词:
三、让AI写代码
得到提示词后,直接切换到“编程”模式 把草稿+需求提示词发给他
因为需求明确,他很快会生成目录结构与文件内容
这里注意文件编码:UTF-8 不要乱
严格按着文件名与格式命名
将代码直接复制在贴在对应文件里
四、导入到谷歌浏览器
将写好的文件目录导入到谷歌浏览器
  1. 01. 打开 Chrome 浏览器,输入地址:chrome://extensions/
  2. 02. 开启右上角「开发者模式」
  3. 03. 点击左上角「加载已解压的扩展程序」
  4. 04. 选择你创建的 PromptManager(文件夹名称)
  5. 05. 插件会自动出现在 Chrome 工具栏,点击即可使用
导入成功后点击浏览器右上角插件就可以启用了
五、后续问题补充

开发后导入会出现一些问题,不用怕直接截图回去问AI

    立刻能给出办法,直接复制代码放入对应文件内,重新载入浏览器即可
    首次上传成功难免有一些bug与需要修改的地方,一样直接整理好问AI他会按照需求改好,同理复制新代码覆盖原文件重新上传
    最后预览一下
    功能比较简单,就不阐述了
    没有预设提示词
    一是没搞 
    二是不想 
    预设了你们装了就再也不会用了,也会打乱自己的节奏
    最好还是自己整理好些

    链接:

    https://pan.baidu.com/s/1phmKyVr8K3rA_QqW8NL9RQ?pwd=7jtd 

    提取码:

     7jtd 

    相关学习资料