一款 chrome 扩展程序用于 prompt 小白的提示库

之前在 web 端使用对话的时候，发现很多时候不太知道如何编写 prompt。所以就弄了一款 chrome 的扩展程序，可以让大家保存在浏览时中保存的 prompt，后续在 web 端使用。
预置了一些简单的 prompt 模版，支持 {{变量名}} 语法，注入时弹窗填写。通过快捷键 Ctrl+Shift+P (Mac: Cmd+Shift+P) 呼出面板，一键注入 prompt。
项目链接： GitHub - iiinnovation/ai_prompt
AI Prompt 模板助手

一款轻量级 Chrome 扩展，帮助用户管理常用 Prompt 模板，并在主流 AI 平台上一键注入到输入框。专为不熟悉 Prompt 编写的用户设计，内置丰富模板，开箱即用。

功能特性

核心功能

• 丰富模板库 - 预置 23 个精选模板，覆盖日常、工作、学习、生活、写作、翻译、代码 7 大场景
• 模板变量 - 支持 {{变量名}} 语法，注入时弹窗填写，让模板真正可复用
• 快速注入 - 快捷键 Ctrl+Shift+P (Mac: Cmd+Shift+P) 呼出面板，一键注入
• 智能分隔线 - 长模板自动添加分隔线并定位光标，短模板和变量模板则直接注入

模板管理

• 增删改查、分类管理、置顶收藏
• 批量添加模板
• 导入导出 JSON/MD 文件
• 使用统计，支持按最近使用 / 最常用排序

交互体验

• 智能搜索 - 模糊匹配模板名称和内容
• 键盘导航 - ↑↓ 选择，Enter 确认，数字键 1-9 快速选择
• 追加模式 - 可选择覆盖或追加到光标位置
• 右键创建 - 选中任意文字，右键快速创建为模板
• 智能降级 - 非 AI 平台自动复制到剪贴板

支持平台

预置模板

安装

从源码安装

1. 克隆仓库

git clone https://github.com/YOUR_USERNAME/prompt-template-extension.git

2. 打开 Chrome，访问 chrome://extensions/

3. 开启右上角「开发者模式」

4. 点击「加载已解压的扩展程序」

5. 选择 prompt-template-extension 文件夹

使用方法

快速注入

1. 访问支持的 AI 平台
2. 按 Ctrl+Shift+P (Mac: Cmd+Shift+P) 或点击扩展图标
3. 搜索或选择模板
4. 如果模板包含变量 {{xxx}}，会弹出填写框
5. 模板内容自动填入输入框

模板变量

在模板中使用 {{变量名}} 定义可填写的变量：

请帮我写一封{{邮件类型}}邮件：
- 收件人：{{收件人}} - 主题：{{主题}} 

选择模板后会弹出填写框，填完后一键注入。

管理模板

• 右键扩展图标 → 选项
• 或在弹出面板底部点击「管理模板」

批量添加

格式：每行一个模板，用 | 分隔

模板名称 | 分类 | 模板内容

导入导出

• 导出：生成 JSON 文件备份
• 导入：支持 JSON 和 Markdown 文件
  
  • JSON：批量导入多个模板
  • MD：文件名作为模板名，内容作为模板内容
• 冲突处理：覆盖 / 跳过 / 重命名

快捷键

技术栈

• Chrome Extension Manifest V3
• Vanilla JavaScript
• Chrome Storage API

项目结构

prompt-template-extension/
├── manifest.json        # 扩展配置
├── background/          # Service Worker
├── content/             # 内容脚本（平台适配、注入逻辑、变量弹窗）
├── popup/               # 弹出面板
├── options/             # 管理页面
├── utils/               # 工具函数
└── icons/               # 扩展图标