Prompt Sidebar von yossi

功能概述

PromptSidebar 是一款专为提升输入效率而设计的浏览器扩展插件。它通过优雅的侧边栏界面，帮助用户高效管理和使用提示词模板，支持变量替换、快捷短语等智能功能，让重复输入变得轻松愉快。

核心功能特性

🚀 智能侧边栏管理

• 一键呼出：通过快捷键 Ctrl+Shift+P 或点击扩展图标快速打开侧边栏
• 优雅界面：采用 Ant Design 设计语言，界面美观，操作流畅
• 分类管理：支持自定义分类，让提示词井井有条
• 智能搜索：实时搜索功能，快速定位所需提示词

📝 提示词模板系统

• 富文本支持：支持任意长度的文本内容，包含换行和特殊字符
• 变量占位符：使用 ${变量名} 格式定义动态内容，如 ${name}、${company}
• 预览功能：实时显示检测到的变量，方便用户检查
• 多变量支持：单个提示词可包含多个变量，满足复杂场景需求

⚡ 快捷短语功能

• 智能识别：输入 /快捷短语 格式，如 /hello、/intro
• 双击触发：双击 Ctrl 键自动替换当前快捷短语
• 即时替换：无需复制粘贴，直接在输入框完成替换
• 自定义设置：可调整双击间隔时间，适应不同使用习惯

💾 数据管理

• 本地存储：所有数据存储在浏览器本地，确保隐私安全
• 导入导出：支持 JSON 格式数据导入导出，方便备份和迁移
• 数据同步：可在不同设备间通过导入导出实现数据同步
• 版本兼容：导入时自动处理数据格式，确保兼容性

🎯 使用场景

1. 客服工作场景

模板：您好，我是${company}的客服${name}，很高兴为您服务！
使用：输入 /kefu → 双击Ctrl → 填写变量 → 自动插入


2. 邮件回复场景

模板：感谢您的来信。关于${topic}的问题，我们的解决方案是${solution}。
使用：选择模板 → 填写变量 → 一键复制或插入


3. 社交媒体场景

模板：今天学习了${skill}，感觉${feeling}！#学习打卡 #${tag}
使用：快捷短语触发 → 变量输入 → 自动发布


4. 开发文档场景

模板：```javascript\nfunction ${functionName}() {\n // ${description}\n return ${result};\n}\n```
使用：代码模板管理 → 变量替换 → 快速插入


技术特点

🛠️ 技术架构

• 框架：基于 WXT 框架开发，支持最新的 Manifest V3
• 前端：Vue 3 + TypeScript，提供类型安全和响应式体验
• UI组件：Ant Design Vue，确保界面一致性和美观性
• 构建工具：Vite 构建，开发体验流畅，打包体积优化

🔧 扩展能力

• 模块化设计：清晰的代码结构，易于功能扩展
• 类型安全：完整的 TypeScript 类型定义，减少运行时错误
• 响应式布局：适配不同屏幕尺寸，支持移动端使用
• 性能优化：防抖处理、虚拟滚动等优化措施

🎨 用户体验

• 零配置使用：安装即可使用，无需复杂设置
• 丝滑动画：精心设计的过渡动画，提升操作体验
• 智能提示：友好的错误提示和操作引导
• 键盘友好：完整的键盘操作支持，提高效率