AI 多功能工具箱产品系统

日常开发人员、职场办公人群经常需要使用 AI 生成文案、处理代码、进行简单数据格式转换，需要同时打开多个在线工具，切换繁琐。本项目面向程序员与职场从业者，一站式集成 AI 对话工具与前端本地工具，降低办公与开发过程中的工具切换成本，提升日常工作效率。

项目为一套响应式 AI 工具箱平台，分为多个核心功能模块：
1.职场文案模块：支持工作邮件、周报、项目汇报、会议纪要、自定义文案生成；可自由切换语气风格、设置文案长度。
2.代码处理助手：提供代码解释、BUG 修复、代码重构优化、编程语言互转、批量添加注释功能。
3.前端常用工具集：纯前端本地运算，包含 JSON 格式化 / 压缩 / 校验、时间戳互转、Base64 编解码、URL 编解码，敏感数据无需上传。
4.历史记录模块：所有 AI 对话本地持久化存储，支持查看、重新提问、单条删除、批量清空记录。
5.会员中心模块：区分免费版 / 会员版，展示功能权益对比，提供会员升级弹窗与订阅方案。
6.系统设置模块：支持配置 DeepSeek API 密钥、切换明暗主题，密钥保存在浏览器本地，保障数据安全。
7.整体支持桌面端完整侧边栏布局、移动端自适应汉堡滑出菜单，适配电脑与手机访问。

本人独立开发多模型 AI 对话 SaaS 平台，前端基于Vue3 + Vite5 + Element Plus，采用组合式 API 开发；使用 Pinia 拆分 6 个模块管理全局状态，Vue Router 实现路由与权限守卫，SCSS 管理全局样式。后端依托 Supabase BaaS，使用 PostgreSQL 存储业务数据，配置 RLS 行级安全策略隔离用户数据，基于 Deno 开发 4 个 Edge Functions 云函数处理支付回调等敏感逻辑。
采用策略模式封装统一 Provider 抽象层，完成 DeepSeek、OpenAI、Claude 等 9 家大模型 API 适配；集成 Stripe 整套支付体系实现海外订阅付费闭环。项目使用 Composables 抽离复用业务逻辑，Axios 统一封装请求，借助 Marked、Highlight.js 实现对话 Markdown 渲染与代码高亮。
难点：对接多家厂商差异化流式接口，统一 SSE 流式输出格式；解决支付 Webhook 会员状态异步同步问题；通过数据库行级权限防止用户数据越权访问。架构优势在于模型接入标准化，后续新增 AI 服务商无需大规模改动上层业务代码。