linshen
0e6dc465ee
本次提交增加了提示词迭代优化功能，并对相关模块进行了调整和优化，具体包括： - **新增:** - 新增 `iterate.yaml` 迭代优化提示词模板。 - `PromptPanel` 组件新增迭代优化功能，允许用户在已优化的提示词基础上进行进一步优化。 - `llmService` 服务新增 `iteratePrompt` 方法，支持提示词迭代优化。 - `promptManager` 服务新增 `getIterationChain` 方法，支持迭代链查询，并修改 `addToHistory` 方法以支持记录迭代优化历史。 - **修改:** - `experience.md` 文档更新，记录了提示词迭代功能开发经验。 - `src/prompts/templates/_index.json` 文件更新，添加 `iterate.yaml`。 - `src/App.vue` 组件添加 `handleIteratePrompt` 方法，处理迭代优化逻辑。 - `src/components/PromptPanel.vue` 组件添加迭代优化按钮和输入框。 - `src/services/llm.js` 添加 `iteratePrompt` 方法。 - `src/services/promptManager.js` 修改了 `addToHistory` 和 添加了 `getIterationChain` 方法 - `tests/unit/App.test.js` 添加了对迭代优化功能的测试 - **优化:** - 优化了 UI/UX 设计，确保用户体验。 - 优化了数据存储结构，支持记录迭代优化历史。 - 优化了代码组织和可维护性。 此次更新旨在提高用户优化提示词的效率和灵活性，并提供更完善的迭代优化功能。
Prompt Optimizer (提示词优化器)
一个纯前端的提示词优化工具，帮助你优化和改进 AI 提示词。使用 Vue 3 + Vite 构建，支持多个 LLM 模型。
功能特点
- 🚀 纯前端应用，无需后端服务
- 🤖 支持多个 LLM 模型（DeepSeek、Gemini）
- 💾 本地保存历史记录和设置
- 🔑 API 密钥安全加密存储
- 📱 响应式设计，支持移动端
- ✨ 优雅的动画和交互效果
- 🌈 深色/浅色主题切换
- 📋 一键复制优化结果
- 🔄 历史记录管理
项目结构
prompt-optimizer-v3/
├── src/ # 源代码目录
│ ├── api/ # API 接口封装
│ ├── assets/ # 静态资源
│ ├── components/ # Vue 组件
│ ├── services/ # 业务逻辑服务
│ ├── App.vue # 根组件
│ ├── main.js # 入口文件
│ └── style.css # 全局样式
├── public/ # 公共资源目录
├── tools/ # 工具脚本
├── tests/ # 测试文件
├── .env.example # 环境变量示例
├── .env.local # 本地环境变量（需自行创建）
├── package.json # 项目配置
├── vite.config.js # Vite 配置
└── tailwind.config.js # TailwindCSS 配置
功能清单
核心功能
- 提示词输入和优化
- 多模型支持（DeepSeek、Gemini）
- 实时字数统计
- 一键清空输入
- 优化结果预览
设置与配置
- API 密钥管理
- 加密存储
- 快速验证
- 界面主题切换
- 语言切换
历史记录
- 本地历史记录
- 按时间排序
- 搜索过滤
- 一键重用
- 删除记录
用户体验
- 操作反馈
- 复制成功提示
- 保存成功提示
- 加载动画
- 移动端适配
- 响应式布局
- 触摸手势支持
在线体验
访问：在线地址 (TODO: 添加部署后的地址)
本地开发
环境要求
- Node.js >= 16
- npm >= 7
安装依赖
npm install
配置环境变量
- 在项目根目录创建
.env.local文件 - 添加以下配置（也可以在应用内配置）： VITE_GEMINI_API_KEY=你的Gemini API密钥 VITE_DEEPSEEK_API_KEY=你的DeepSeek API密钥
启动开发服务器
npm run dev
访问 http://localhost:5173 查看应用
构建生产版本
npm run build
构建后的文件将生成在 dist 目录下
使用说明
-
首次使用需要配置 API 密钥：
- 点击右上角的 ⚙️ 设置按钮
- 输入相应的 API 密钥
- 点击保存
-
优化提示词：
- 在输入框中输入需要优化的提示词
- 选择想要使用的 AI 模型
- 点击"开始优化"按钮
-
查看历史记录：
- 点击右上角的 📜 历史按钮
- 可以查看之前的优化记录
- 点击"重新使用"可以快速恢复历史提示词
技术栈
- Vue 3 - 渐进式 JavaScript 框架
- Vite - 下一代前端构建工具
- TailwindCSS - 实用优先的 CSS 框架
- Vue Composition API - 组合式 API
- LocalStorage - 本地数据持久化
贡献指南
- Fork 本仓库
- 创建你的特性分支 (
git checkout -b feature/AmazingFeature) - 提交你的改动 (
git commit -m 'Add some AmazingFeature') - 推送到分支 (
git push origin feature/AmazingFeature) - 打开一个 Pull Request
许可证
MIT License - 查看 LICENSE 文件了解更多详情
联系方式
如有问题或建议，欢迎提出 Issue 或 PR。