/card-creation

AI提示词管理

Primary LanguageVue

星卡写作 (AI Prompt Editor)

一个现代化的、功能丰富的提示词编辑和管理系统，基于 Vue 3 + Vite 构建。该系统允许用户创建、编辑和管理 AI 提示词，支持场景管理、文本卡片和标签系统。

![项目截图占位符]

✨ 主要特性

  • 📝 多场景管理：支持创建多个场景并在场景间自由切换
  • 🗂️ 文本卡片系统：灵活的卡片式布局，支持拖拽排序和卡片关联
  • 🏷️ 标签管理：支持为卡片添加标签，包括普通标签和关键词标签
  • 📤 导入导出：支持文本文件(.txt)、Markdown(.md)和 JSON(.json)格式的导入导出
  • 🎯 提示词模板：支持创建和管理提示词模板，可插入文本内容
  • 🔗 卡片关联：支持多卡片关联，关联内容自动合并
  • 🎨 现代化 UI：简洁优雅的界面设计，流畅的交互体验
  • 📱 响应式设计：适配不同尺寸的屏幕和设备
  • 📚 拆书工具：提供智能拆书和批量处理功能
  • 💬 智能聊天：支持多模型对话，自动关联卡片内容，智能拆分卡片

🚀 快速开始

环境要求

  • Node.js >= 16.0.0
  • npm >= 7.0.0

安装步骤

  1. 克隆项目到本地：
git clone https://github.com/XingQiPan/card-creation.git
cd card-creation
  1. 安装依赖：
npm install
  1. 运行开发服务器：
npm run dev
  1. 打开浏览器访问 http://localhost:8888

📖 功能详细说明

1. 场景管理

  • 场景创建与切换

    • 支持创建多个独立场景
    • 场景间拖拽排序（无文本选择干扰）
    • 场景名称自定义
    • 场景快速切换

  • 场景数据管理

    • 自动保存场景内容
    • 场景导入导出
    • 场景复制与删除

2. 文本卡片系统

  • 卡片操作

    • 创建文本卡片
    • 拖拽排序（无文本选择干扰）
    • 高度自定义
    • 标题和内容编辑
    • 快速删除
    • 卡片关联功能

  • 卡片关联

    • 多卡片关联
    • 关联内容自动合并
    • 一键取消关联
    • 关联状态可视化
    • 关联卡片预览

  • 批量操作

    • 多文件导入
    • 拖拽导入
    • 批量导出
    • 关联卡片批量操作

3. 标签系统

  • 标签类型

    • 普通标签：用于分类和筛选
    • 关键词标签：特殊标签，支持自动上下文注入

  • 标签功能

    • 标签创建与管理
    • 标签筛选器
    • 快速标签切换
    • 标签导入导出

4. 提示词系统

  • 模板管理

    • 创建提示词模板
    • 支持多个插入点
    • 默认模型设置
    • 模板导入导出
    • 支持关联卡片内容插入

  • 智能处理

    • 关键词自动识别
    • 上下文智能注入
    • 多模型支持
    • 批量处理能力
    • 关联内容自动合并

5. 拆书工具

  • 章节识别

    • 智能识别章节标题
    • 支持多种标题格式
    • 自动分章节处理

  • 批量处理

    • 多场景并行处理
    • 暂停/继续支持
    • 进度保存
    • 结果导入导出

  • 处理控制

    • 自定义处理间隔
    • 错误重试机制
    • 处理进度显示
    • 实时状态更新

6. API 集成

  • 多模型支持

    • OpenAI API 集成
    • Google Gemini API 集成
    • Ollama API 集成
    • 自定义 API 支持

  • 参数配置

    • 模型参数自定义
    • API 密钥管理
    • 请求配置调整

7. 智能聊天系统

  • 多会话管理

    • 支持创建多个独立对话
    • 会话标题自定义
    • 历史记录自动保存
    • 一键切换会话

  • 多模型支持

    • OpenAI API 集成
    • Google Gemini API 集成
    • Ollama API 集成
    • 可自定义模型参数

  • 智能关联

    • 自动检测关键词
    • 关联卡片内容
    • 一键展开查看
    • 智能上下文注入

  • 消息管理

    • 支持消息编辑
    • 支持消息删除
    • Markdown 格式支持
    • 代码块高亮
    • 智能消息拆分
    • 一键保存到场景

  • 智能拆分

    • Markdown 标题智能识别
    • 自动提取段落标题
    • 批量保存到指定场景
    • 保持格式和样式
    • 支持多种分隔方式
    • 自定义标题编辑

  • 上下文处理

    • 保持对话连贯性
    • 自动关联历史消息
    • 智能内容注入
    • 上下文长度控制

  • 交互体验

    • 流畅的动画效果
    • 实时响应
    • 错误提示
    • 加载状态反馈
    • 操作成功提示

使用说明

  1. 切换到聊天视图

    • 点击顶部导航栏的"聊天"按钮
    • 默认显示聊天会话列表

  2. 创建新对话

    • 点击"新对话"按钮
    • 可自定义会话标题
    • 选择要使用的模型

  3. 关键词检测

    • 开启"关联卡片内容"开关
    • 输入包含卡片标题的内容
    • 系统自动检测并显示相关卡片
    • 点击卡片可展开查看详细内容

  4. 发送消息

    • 在输入框输入内容
    • Enter 发送，Shift + Enter 换行
    • 支持 Markdown 格式
    • 自动关联检测到的卡片内容

  5. 消息管理

    • 悬停显示编辑/删除/拆分按钮
    • 点击编辑按钮修改消息
    • 点击删除按钮移除消息
    • 点击拆分按钮智能拆分内容
    • 支持撤销最后发送的消息

  6. 消息拆分

    • 点击 AI 回复中的拆分按钮
    • 自动识别 Markdown 标题和段落
    • 选择需要保存的片段
    • 编辑片段标题
    • 选择目标场景
    • 一键保存为卡片

  7. 历史记录

    • 自动保存所有对话记录
    • 支持切换不同会话
    • 可删除整个会话
    • 自动滚动到最新消息

🛠️ 技术栈

⚠️ 注意事项

  • API 地址配置：
    • Gemini API: https://generativelanguage.googleapis.com/v1beta/models/{模型名称}:generateContent
    • OpenAI API: 自动附加 /chat/completions
    • Ollama API: http://localhost:11434/api/chat
    • 请确保 Ollama 服务已正确启动
  • 关键词标签：使用关键词标签的卡片内容会在提示词中被检测并自动注入相关上下文
  • 卡片关联：关联的卡片内容会在插入提示词时自动合并
  • 拖拽优化：场景和卡片拖拽时不会干扰文本选择
  • 拆书功能：支持断点续传，可以导入之前的进度继续处理

🤝 贡献指南

欢迎提交 Issue 和 Pull Request 来帮助改进这个项目！

  1. Fork 这个项目
  2. 创建特性分支 (git checkout -b feature/AmazingFeature)
  3. 提交改动 (git commit -m 'Add some AmazingFeature')
  4. 推送到分支 (git push origin feature/AmazingFeature)
  5. 开启 Pull Request

📧 联系方式

如果你有任何问题或建议，欢迎通过以下方式联系：

  • QQ群：待建立

如果这个项目对你有帮助，欢迎给一个 ⭐️ Star！