你是不是也遇到过这样的场景在网上看到一个特别实用的 AI 提示词Skill想把它保存到自己的豆包或其他 AI 助手里结果发现只能手动复制粘贴格式还容易乱或者你精心调教了一个专属的“程序员助手”或“周报生成器” Skill想分享给同事却只能发一串文本对方还得自己手动创建体验割裂这背后是一个被忽视的效率痛点AI 工具的能力在飞速进化但用户与这些能力之间的“连接器”却依然原始。手动复制粘贴、跨平台迁移、格式整理……这些琐碎操作正在消耗我们本应用于思考和创造的精力。今天要介绍的主角就是来解决这个问题的GaryPrompt一个自制的浏览器插件。它的核心价值非常直接让你能像收藏网页一样一键收藏、管理和调用任何你在网上看到的优秀提示词Skill并直接应用到豆包等 AI 对话中。别再手动复制了。这篇文章将带你从零开始理解 GaryPrompt 的设计思路完成它的安装与配置并掌握其核心用法。更重要的是我会分享如何将其背后的“提示词工程工作流”理念融入到你的日常开发与学习中去。1. 这篇文章真正要解决的问题告别低效的“提示词搬运工”在深入代码和配置之前我们必须先厘清问题。GaryPrompt 不是一个简单的“文本收集器”它瞄准的是 AI 使用流程中的一个关键断点。传统流程的痛点发现与保存脱节你在 CSDN、GitHub、技术论坛看到一段优秀的系统提示词例如“你是一个精通 Spring Boot 的代码审查助手”。你的操作是选中、复制、打开笔记软件或豆包的 Skill 创建页、粘贴、命名、保存。步骤繁琐且脱离了原始上下文。管理与调用低效随着收集的 Skill 增多它们散落在各个角落——有的在笔记里有的在书签中有的只是一段聊天记录。当你想在豆包中调用某个特定场景的 Skill 时需要回忆、寻找、再复制粘贴无法做到“即点即用”。分享与协作困难你想把调试好的“SQL 优化助手” Skill 分享给团队。目前的主流方式是发送文本对方需要重复上述“创建-粘贴”流程无法实现一键导入协作成本高。GaryPrompt 带来的改变它将自己嵌入浏览器成为你与网页内容、与 AI 对话界面之间的桥梁。它的目标不是替代豆包而是增强你使用豆包及其他类似 AI 产品的输入效率。你可以把它理解为“AI 能力的书签管理器”或“提示词快捷启动器”。这篇文章适合谁经常使用豆包、ChatGPT 等 AI 对话工具的技术从业者希望提升提示词使用效率。喜欢探索和收集各类 AI 技能Skill的玩家苦于管理混乱。有意了解浏览器插件开发想通过一个实用项目入门的开发者。任何对“提效工具”敏感相信“工欲善其事必先利其器”的效率爱好者。通过本文你将不仅学会使用 GaryPrompt更能理解如何通过一个轻量级工具优化一个高频且重要的技术工作流。2. 基础概念与核心原理要用好 GaryPrompt需要先理解几个关键概念这能帮助你更准确地判断它是否适合你的场景。2.1 什么是提示词Prompt与 Skill提示词Prompt你输入给 AI 模型的指令或问题是引导 AI 产生特定输出的“咒语”。例如“用 Python 写一个快速排序函数并加上详细注释。”Skill在豆包等平台中可以理解为“预设的、可复用的系统级提示词”。它通常是一段更复杂、更结构化的文本定义了 AI 的角色、任务、约束和输出格式。创建一个 Skill就等于为 AI 穿上了一件“职业装”比如“Java 代码审查专家”或“技术博客翻译助手”。GaryPrompt 主要处理的对象就是这些结构化的 Skill 文本。2.2 浏览器插件如何与网页内容交互这是 GaryPrompt 的技术基础。现代浏览器如 Chrome、Edge 等基于 Chromium 的浏览器为插件提供了强大的 APIcontent_scripts注入到匹配的网页中的 JavaScript 脚本可以读取和修改页面的 DOM文档对象模型。GaryPrompt 用它来“看到”网页上你选中的提示词文本。background script在浏览器后台长期运行的脚本负责处理核心逻辑、数据存储和与插件其他部分通信。GaryPrompt 用它来管理你收藏的 Skill 库。popup点击插件图标时弹出的一个小窗口界面提供快捷操作和设置。这是用户与 GaryPrompt 交互的主要入口。storageAPI用于在本地安全地存储用户收藏的 Skill 数据。简单来说GaryPrompt 的工作原理是你在网页上选中一段文本一个 Skill。右键菜单或点击插件图标触发插件动作。content_script获取选中文本。文本被发送到background script进行处理如格式化、添加标签。处理后的 Skill 被存入本地storage。当你在豆包等 AI 对话页面需要使用时通过popup或快捷键快速插入。2.3 GaryPrompt 与普通文本收藏插件的区别很多人可能会想“这不就是个高亮文本收藏工具吗” 这里有本质区别特性普通文本收藏插件如笔记类GaryPrompt设计目标通用信息收藏与管理专为 AI 提示词/Skill 优化核心操作收藏、分类、搜索收藏、一键插入 AI 输入框数据结构自由文本、标签可能包含角色定义、约束条件等元数据使用场景阅读、学习、备忘AI 对话前的情境预设输出目标笔记软件、知识库AI 聊天界面输入框GaryPrompt 更注重“从收藏到使用”的路径最短化其交互和功能设计都围绕“快速启用一个 AI 角色”来展开。3. 环境准备与前置条件使用 GaryPrompt 不需要复杂的开发环境但需要满足一些基础条件。3.1 浏览器要求GaryPrompt 是一个标准的 Chrome 扩展兼容所有基于 Chromium 内核的浏览器。确保你的浏览器版本不是过于陈旧。Google Chrome推荐 90 及以上版本。Microsoft Edge推荐 90 及以上版本。其他 Chromium 浏览器如 Brave、Vivaldi 等理论上均支持。如何查看浏览器版本在浏览器地址栏输入chrome://version/或edge://version/查看显示的版本号。3.2 获取 GaryPrompt 插件由于是个人开发者的自制插件它可能尚未上架 Chrome 网上应用店。通常通过以下方式获取开源项目发布开发者将插件源代码打包为.crx文件或.zip压缩包发布在 GitHub 等平台。直接下载从可信的渠道如开发者的博客、项目 Releases 页面下载插件包。重要安全提醒安装未上架应用商店的插件时务必确认来源可靠避免安装恶意软件。3.3 安装未打包的扩展程序通常你会得到一个包含源码的文件夹或.zip文件。安装步骤如下解压缩下载的文件如果是.zip包。打开浏览器扩展管理页面Chrome: 在地址栏输入chrome://extensions/Edge: 在地址栏输入edge://extensions/开启“开发者模式”。通常在页面右上角有一个开关。(注此处为示意实际写作时应描述清楚或使用文字说明)点击“加载已解压的扩展程序”按钮。在弹出的文件选择器中选中你解压后的GaryPrompt 插件文件夹该文件夹应包含manifest.json等文件。加载成功后GaryPrompt 的图标应该出现在浏览器工具栏中。安装完成后建议将其固定在工具栏以便快速访问。4. 核心功能与操作流程拆解安装好 GaryPrompt 后我们来拆解它的核心使用流程。整个过程可以概括为“收藏、管理、调用”三个环节。4.1 环节一收藏网页中的 Skill这是插件的起点。当你在任何网页上发现一段有价值的提示词或 Skill 时选中文本用鼠标精确选中你想要收藏的 Skill 全文。右键菜单操作在选中的文本上点击右键你应该能在右键菜单中看到新增的选项例如“使用 GaryPrompt 收藏”或类似的字样。点击它。弹出框确认点击后GaryPrompt 的 Popup 小窗口可能会弹出让你确认或编辑要收藏的内容。你通常可以编辑文本微调一下 Skill 的表述。添加标签比如#编程、#周报、#翻译方便后续分类查找。设置快捷键为这个 Skill 分配一个快速调用的字母可选。点击保存完成编辑后点击保存按钮。此时这个 Skill 就已经被存储到你的本地插件数据库中了。技术原理浅析这一步content_script通过window.getSelection()API 获取了你选中的文本并通过chrome.runtime.sendMessageAPI 将文本发送给了后台的background.js进行处理和存储。4.2 环节二管理你的 Skill 库收藏的 Skill 多了就需要管理。通过点击浏览器工具栏上的 GaryPrompt 图标打开 Popup 主界面。在这个界面里你通常能看到Skill 列表以卡片或列表形式展示所有收藏的 Skill显示标题、预览片段和标签。搜索框可以按关键词或标签快速过滤查找。编辑与删除对已有的 Skill 进行修改或移除。导入/导出高级功能可以将你的整个 Skill 库导出为一个 JSON 文件进行备份或从 JSON 文件导入方便在不同设备间同步或与他人分享。管理的最佳实践标签化收藏时养成添加标签的习惯。这是最高效的检索方式。定期整理清理掉不再使用或过时的 Skill。备份定期使用导出功能备份你的 Skill 库防止浏览器数据丢失。4.3 环节三在 AI 对话中调用 Skill这是价值实现的时刻。当你打开豆包、ChatGPT Web 版或其他 AI 聊天页面准备开始对话时打开 GaryPrompt Popup点击工具栏图标。查找 Skill在列表中找到或通过搜索框输入标签/关键词定位到你想要的 Skill例如“代码审查助手”。一键插入点击该 Skill 卡片上的“使用”或“插入”按钮。自动填充GaryPrompt 会自动将该 Skill 的完整文本插入到当前网页的 AI 输入框textarea中。开始对话你只需要点击发送AI 就会基于这个预设的 Skill 角色来与你对话。效率对比传统方式需要你回忆 Skill 在哪 - 打开存储位置 - 复制 - 切换回浏览器标签页 - 粘贴。GaryPrompt 将其简化为点击图标 - 搜索 - 点击插入。步骤从 5 步减少到 3 步并且无需上下文切换。5. 高级技巧与自定义配置掌握了基本流程我们来看看如何让 GaryPrompt 更贴合你的个人工作流。5.1 为常用 Skill 设置快捷键对于你每天都要用好几次的“周报生成器”或“英语润色” Skill每次点开 Popup 查找还是有点慢。GaryPrompt 可能支持为 Skill 绑定快捷键。在 Popup 界面中找到你想要设置快捷键的 Skill。点击编辑通常是一个铅笔图标。在编辑界面找到“快捷键”或“快速访问键”设置项。输入一个你容易记忆的字母例如rfor Report周报。保存后理论上你可以通过某种组合键如CtrlShiftR或直接在输入框键入特定命令来快速调用。(注意具体快捷键支持程度取决于 GaryPrompt 的实际实现需以插件功能为准)。5.2 利用标签构建技能体系不要胡乱添加标签。建议你建立一个小型的个人标签体系例如#role_前缀表示角色如#role_dev开发、#role_writer写作、#role_translator翻译。#task_前缀表示任务如#task_review审查、#task_generate生成、#task_optimize优化。#lang_前缀表示编程语言如#lang_python、#lang_java、#lang_sql。#domain_前缀表示领域如#domain_frontend、#domain_database。这样一个名为“Python SQL 查询优化助手”的 Skill可以被打上#role_dev、#task_optimize、#lang_python、#lang_sql、#domain_database多个标签。无论你从哪个维度搜索都能快速找到它。5.3 分享你的 Skill 库导入/导出这是团队协作的利器。假设你为项目组整理了一套“需求分析”、“API 设计评审”、“Bug 描述标准化”的 Skill。你分享者的操作在 GaryPrompt 的 Popup 中找到“导出”或“备份”功能。将整个 Skill 库或选中的部分 Skill 导出为一个.json文件。将这个文件通过团队内部工具如钉钉、飞书、Git分享给同事。同事接收者的操作在其浏览器的 GaryPrompt 中找到“导入”功能。选择你分享的.json文件。确认导入。所有 Skill 就会出现在他的插件中立即可以使用。这种方式彻底改变了 Skill 的分享体验从“发送文本-手动创建”变成了“发送文件-一键导入”。6. 实战从收集到应用——一个完整案例让我们跟随一个真实的开发者场景看看 GaryPrompt 如何融入工作流。场景前端开发者小王需要经常让 AI 协助审查 Vue.js 组件的代码。传统流程小王第一次在网上找到一个“Vue.js 代码审查助手”的 Skill复制到记事本。每次需要审查时打开记事本复制 Skill 文本。打开豆包粘贴 Skill再粘贴待审查的代码。审查下一个组件时重复步骤2-3。使用 GaryPrompt 后的流程第一步首次收藏小王在技术博客上看到了这个优秀的 Skill。他选中 Skill 全文右键选择“使用 GaryPrompt 收藏”。在弹出框中他为这个 Skill 添加标签#前端、#vue、#code_review。点击保存。第二步日常调用小王写了一个新的UserModal.vue组件想请 AI 帮忙看看。他打开豆包网页。点击浏览器工具栏上的 GaryPrompt 图标。在搜索框输入vue或review立刻找到“Vue.js 代码审查助手”。点击“插入”按钮Skill 自动填入豆包输入框。小王紧接着在输入框里粘贴UserModal.vue的代码。按下回车发送。AI 立刻以代码审查专家的角色开始工作。第三步优化与迭代几次使用后小王发现原 Skill 对“Props 类型校验”部分审查不够严格。他打开 GaryPrompt Popup找到这个 Skill点击编辑。在 Skill 文本末尾他追加了一句约束“请特别关注组件 Props 的 TypeScript 类型定义是否严谨并给出修改建议。”保存后这个升级版的 Skill 就此生效后续所有审查都将应用这个新标准。效率提升点免记忆无需记住 Skill 具体内容或存放位置。零切换收藏和使用都在浏览器内完成无需打开其他软件。可进化Skill 本身可以像代码一样不断迭代优化。7. 常见问题与排查思路即使是一个设计良好的工具在实际使用中也可能遇到问题。以下是基于 GaryPrompt 这类插件常见问题的排查指南。问题现象可能原因排查方式解决方案右键菜单中没有“使用 GaryPrompt 收藏”选项1. 插件未成功安装或启用。2. 当前网页被插件设置为不注入脚本如 Chrome 网上应用店页面。3. 浏览器权限问题。1. 访问chrome://extensions/确认 GaryPrompt 已启用。2. 尝试在其他普通网页如 CSDN 博客选中文字查看。3. 检查插件详情页是否有需要授予的额外权限。1. 重新启用插件或重新加载。2. 确保在普通 HTTP/HTTPS 网页使用。3. 在扩展管理页检查并授予必要的权限如“读取网站数据”。点击插件图标Popup 窗口不弹出或空白1. 插件文件损坏或加载不完整。2. 浏览器缓存问题。3. 与其他插件冲突。1. 打开浏览器开发者工具F12切换到 Console 标签页查看是否有 JS 报错。2. 尝试在无痕模式下启用插件测试。1. 重新下载并安装插件。2. 清除浏览器缓存或重启浏览器。3. 暂时禁用其他插件逐一排查冲突。收藏的 Skill 丢失了1. 浏览器本地存储被清除。2. 插件被卸载后重装。3. 插件内部存储逻辑错误。1. 检查是否清理过浏览器数据包括“Cookie 及其他网站数据”。2. 回忆是否进行过插件操作。1.重要养成定期使用“导出”功能备份的习惯。2. 本地存储的数据通常与插件绑定重装会丢失备份是唯一保障。在 AI 网站输入框点击“插入”没反应1. 目标网站的输入框 DOM 结构特殊插件脚本无法识别。2. 网站使用了 Shadow DOM 等隔离技术。3. 插件版本与网站不兼容。1. 确认在其他简单页面如 Google 搜索框插入功能是否正常。2. 查看开发者工具 Console 是否有相关错误日志。1. 向插件开发者反馈具体的网站 URL 和问题。2. 暂时手动复制 Skill 文本使用。快捷键冲突或无效1. 设置的快捷键已被浏览器或其他插件占用。2. 插件未正确注册快捷键。1. 在浏览器设置中搜索“快捷键”检查扩展程序快捷键列表。2. 尝试更换另一个不常用的快捷键组合。1. 在chrome://extensions/shortcuts页面重新配置 GaryPrompt 的快捷键。2. 如果不支持自定义则依赖 Popup 点击操作。8. 安全与隐私最佳实践任何浏览器插件都会涉及数据访问权限遵循安全最佳实践至关重要。权限最小化原则安装时仔细阅读插件请求的权限。一个合理的提示词管理插件通常只需要“读取和更改您在所有网站上的数据”用于向输入框插入文本和“存储”权限。如果它要求了看似不必要的权限如“管理您的下载”、“读取您的浏览历史”则需要高度警惕其来源。数据存储与同步GaryPrompt 的数据默认存储在浏览器本地。这意味着如果你更换电脑或重装系统数据会丢失。务必定期使用导出功能备份你的 Skill 库。谨慎使用插件的“云同步”功能如果提供。了解数据将同步到何处隐私政策如何。Skill 内容安全避免收藏和存储包含敏感信息的 Skill如内部系统账号密码、密钥、未脱敏的配置信息等。分享 Skill 库.json 文件前检查其中是否包含个人隐私或公司敏感内容。插件来源可信始终从官方商店或开发者明确指定的官方渠道如 GitHub Releases下载插件。对来路不明的.crx文件保持警惕。定期审查与更新关注插件的更新日志及时更新以获取功能改进和安全修复。如果某个插件长期不更新且存在已知安全漏洞应考虑寻找替代品。9. 总结超越工具构建你的“第二大脑”工作流GaryPrompt 这类工具的价值远不止于“一键粘贴”的便利。它代表了一种思路将零散、隐性的知识如何与 AI 有效对话转化为结构化、可复用、可分享的显性资产。通过本文你应该已经能够理解手动管理 AI Skill 的低效痛点。掌握 GaryPrompt 的安装、配置与核心操作。熟练完成从收藏、管理到调用的全流程。规避常见的使用问题与安全风险。但更重要的是我希望你能带走两个观念第一工具是工作流的封装。GaryPrompt 封装的是“发现 - 保存 - 调用”这个高频工作流。审视你自己的日常工作是否也有类似可以通过轻量级工具或脚本固化的、重复的“微流程”例如代码片段管理、错误日志收集、每日站会内容生成等。尝试去发现并优化它们。第二AI 时代提示词是新的“代码”。我们过去积累代码片段库Snippets现在需要积累提示词库Skill Library。一个精心设计、分类清晰、可随时调用的 Skill 库就是你与 AI 协同工作的“第二大脑”。GaryPrompt 是这个大脑的“内存管理工具”。下一步你可以开始系统地收集和整理你的 Skill 库按照项目、角色、任务进行分类。尝试分享你的 Skill 库给团队成员推动团队内部 AI 使用规范的建立。关注浏览器插件开发。如果你对 GaryPrompt 的功能有更多想法不妨看看它的源码如果开源甚至尝试贡献代码或开发自己的专属效率插件。技术的最终目的是让人更专注于创造。希望 GaryPrompt 能帮你省下那些用于复制、粘贴、查找的碎片时间让你与 AI 的对话更加流畅、高效直抵核心。