尧图网站设计 尧图网站设计YAOTU DESIGN
ARTICLE DETAIL

资讯详情

深耕网站设计与一线实操的经验洞察。

Voyager 提示词管理器完全指南:跨站点的 Prompt 捕获、整理与一键插入

Voyager 提示词管理器完全指南:跨站点的 Prompt 捕获、整理与一键插入 Voyager 提示词管理器完全指南跨站点的 Prompt 捕获、整理与一键插入【免费下载链接】voyagerEnhancement suite for Gemini, AI Studio, Claude ChatGPT — plus a prompt manager for any websites, DeepSeek Harness included. / 面向 Gemini、AI Studio、Claude 与 ChatGPT 的增强套件其中的提示词管理器可用于任意网站如 DeepSeek Harness。项目地址: https://gitcode.com/gh_mirrors/ge/voyagerVoyager 内置的**提示词管理器Prompt Manager**把“写过就忘、用完即弃”的 Prompt 变成可长期积累的个人资产随时捕获优秀 Prompt、用标签归类在 Gemini、AI Studio 甚至任意第三方 AI 站点中通过斜杠命令一键插入。本文以官方指南 docs/pt/guide/prompts.md 为骨架结合仓库源码完整讲解从“捕获”到“实现”的工作流、紧凑列表与预览交互以及自定义站点的启用方法与底层原理。从草稿到资产提示词管理器的三步工作流官方文档用“你的数字资产O Seu Ativo Digital”来定义提示词管理器花时间写出一个非常好用的 Prompt用完就扔不把它存下来。整个过程归纳为三步捕获Capturar→ 分类Categorizar→ 实现Implementar。捕获当你写出好的内容时点击输入框旁边的浮动图标把内容存入“命令保险库”Cofre de Comandos。分类为 Prompt 添加类似#código、#email、#académico的标签。工具不仅要好用还要井井有条——标签让大型收藏保持可检索。实现下次需要时不必重新输入。打开库、按标签搜索、点击插入。一次点击调用效率翻倍。这三个环节在代码里对应着清晰的分工捕获与存储由 StorageService.ts 和存储键定义见 common.ts支撑分类与标签检索由提示词名称归一化工具 promptName.ts 完成斜杠补全只匹配名称见下文而“点击插入”则落到 slashPrompt.ts 的斜杠命令与模板填充两大入口上。紧凑列表、必填名称与悬浮预览当 Prompt 越积越多、卡片式列表放不下时面板会自动适配成更高效的紧凑形态。官方文档列出了四项关键交互切换视图搜索栏右侧的≡ / ▦按钮用于在两种视图间切换紧凑列表Lista compacta默认每个 Prompt 占一行一次约可见 10 条行右侧提供标签 · 展开 · 编辑 · 删除操作。舒适视图Visão confortável展示完整 Markdown 预览适合小规模收藏。名称必填在添加或编辑 Prompt 时表单顶部的名称字段为必填项。旧的无名 Prompt 会被保留但下次编辑时也必须补上名称。这一约束同样作用于斜杠命令从源码可见usablePrompts只放行name非空字符串的条目slashPrompt.ts无名条目既不能出现在/补全列表里也无法被唯一寻址。悬停快速预览紧凑模式下鼠标悬停任一行约250 ms即可在浮动 tooltip 中看到完整内容——这替代了浏览器原生的titletooltip后者通常要 13 秒才出现。从实现上看悬停预览由showTooltip/scheduleTooltipHide配合TOOLTIP_HIDE_GRACE_MS 150的延迟隐藏逻辑完成slashPrompt.tstooltip 会根据当前主题亮/暗自动配色。斜杠快速插入Slash 命令在对话输入框中输入/后紧跟 Prompt 名称的一部分即可触发补全列表只显示匹配的名称与标签不匹配正文悬停某个结果可查看完整内容选中方式为左键点击或按Tab/Enter选中后名称以**高亮 token标签**形式出现在输入框发送时才替换为完整 Prompt 正文。这一交互的源码实现非常完整匹配规则matchSlashPrompts只对名称做归一化匹配getPromptNameComparisonKey前缀匹配优先结果截断到MAX_RESULTS 8条slashPrompt.ts。Token 外壳选中的 Prompt 在 contenteditable 编辑器中渲染为一个contenteditablefalse的 span只显示名称与图标正文则存在data-gv-prompt-text里slashPrompt.tsTab只负责把输入补全成完整名称completeQueryEnter才真正落位。发送时展开点击发送按钮前expandAllPromptTokens会把所有 token 就地替换为 Prompt 正文slashPrompt.ts因此 Gemini 最终存储并回显的是展开后的完整文本。模板变量让 Prompt 从“固定文本”升级为“可填空表单”虽然原指南没有展开但仓库把提示词管理器进一步武装成了模板引擎一个 Prompt 只要包含至少一个{{name}}占位符就自动成为模板promptTemplate.ts。占位符名称使用 Unicode 属性转义[\p{L}\p{M}\p{N}._-]匹配因此{{주제}}、{{имя}}、{{العنوان}}、{{テーマ}}、{{año}}等多语言变量名都能被识别——这正对应 Voyager 的十种界面语言promptTemplate.ts。模板填充TemplateFill会把占位符渲染成内联输入框直接嵌在句子中间重复变量只询问一次promptTemplateVariables按首次出现顺序去重。用户留空的变量会保留字面{{name}}发送绝不臆造内容fillPromptTemplate的行为promptTemplate.ts。对旧式单花括号{name}的历史 Prompt可显式执行“迁移”动作转换为{{name}}convertLegacyBraces但绝不会自动猜测避免把正文里的{x}误当占位符。发送后已发送消息中的模板填充位置会被标记出来matchSentPrompt提供的 TextRange让读者能区分“模板本身”和“自己填的答案”promptTextMatch.ts。在任何站点启用不再局限于 Gemini提示词管理器现在可以用于任意选定的网站不限于 Gemini™ 与 AI Studio。官方文档给出了完整启用步骤启用步骤点击浏览器扩展工具栏中的 Voyager 图标滚动到Gestor de Prompts提示词管理器区域输入站点 URL例如chatgpt.com或claude.ai点击Adicionar Site添加站点并授予权限刷新目标页面即可看到浮动小球。从弹窗代码PromptManagerSettingsCard.tsx可见除手动输入外界面还提供了一组常用站点的一键开关包括chatgpt.comChatGPT、claude.aiClaude、deepseek.comDeepSeek、qwen.aiQwen、kimi.comKimi、notebooklm.google.comNotebookLM、midjourney.comMidjourney。这些快捷站点与手动输入同样写入PROMPT_CUSTOM_WEBSITES存储项页面注入由customSiteCoverage.ts监听该存储变化并动态挂载/销毁实例因此在弹窗中关闭某个站点后无需刷新即可生效。常见 AI 站点示例chatgpt.com— ChatGPTclaude.ai— Claudecopilot.microsoft.com— Microsoft Copilotpoe.com— Poe本地应用同样支持本地地址也适用输入localhost:3080或127.0.0.1:3080即可。例如 DeepSeek Harness 运行在localhost:3080提示词管理器可以像在任何站点上一样接入。站点地址的规范化规则源码细节从 customWebsites.ts 可以提炼出输入地址的真实处理规则输入会被小写化、剥离http(s)://前缀、www.前缀和路径部分只保留注册域名或域名:端口形式normalizeCustomWebsite*、all_urls、http://*/*等通配“全站”值被显式屏蔽端口会做规范化如:0080→:80带端口条目只精确匹配该来源纯域名条目则覆盖该域名及其子域名customWebsitesIncludeHostlocalhost与裸 IP 必须显式指定端口否则会被拒绝——这是为了防止一条裸记录意外覆盖用户在同一地址上运行的所有服务权限模式上扩展 match patterns 无法携带端口因此带端口条目仍按整个主机申请权限端口只决定内容脚本实际运行的来源customWebsiteOriginPatterns。注意自定义站点仅启用提示词管理器在自定义站点上只有提示词管理器功能会被激活。其他功能如时间线Linha do Tempo、文件夹Pastas等是 Gemini 专属的不会在自定义站点加载。这一点在源码中也能得到印证isGeminiSlashPromptSurface只把gemini.google.com与business.gemini.google视为原生 Gemini 表面slashPrompt.ts而自定义站点的内容脚本入口只挂载提示词管理器实例customSiteCoverage.ts。小结提示词管理器的价值在于把“偶发的灵光”沉淀为“随取随用的生产力”捕获、分类、实现三步闭环让你不再重复造轮子紧凑列表与 250 ms 悬停预览让大型收藏依然轻盈/斜杠命令与模板变量则把插入从“粘贴大段文本”升级为“填写一个表单”而对自定义站点包括本地运行的 DeepSeek Harness 这类应用的支持让这套资产真正跨平台复用。相关实现均可在本仓库的 src/pages/content/prompt、src/features/prompt/model 与 src/core/utils/customWebsites.ts 中继续深挖。【免费下载链接】voyagerEnhancement suite for Gemini, AI Studio, Claude ChatGPT — plus a prompt manager for any websites, DeepSeek Harness included. / 面向 Gemini、AI Studio、Claude 与 ChatGPT 的增强套件其中的提示词管理器可用于任意网站如 DeepSeek Harness。项目地址: https://gitcode.com/gh_mirrors/ge/voyager创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考
返回列表