一个简洁优雅的 AI 聊天界面,专门用于解决婚后情感问题。
这是一个基于 Web 的 AI 聊天应用,采用现代化的 UI 设计,提供流畅的用户体验。用户可以与 AI 进行对话,获取情感问题建议。
- 多会话管理 - 支持创建、切换、删除多个对话
- 自定义设置 - 可调节模型、温度、最大输出长度和系统提示
- 本地存储 - 对话历史和设置自动保存到浏览器
- 导出功能 - 支持将对话导出为 JSON 文件
- 响应式设计 - 适配桌面端和移动端
- 快捷建议 - 提供常见问题快捷入口
- HTML5 - 页面结构
- Tailwind CSS - 样式框架
- Alpine.js - 前端交互框架
- LocalStorage - 数据持久化
Emotional Expert/
├── index.html # 主页面
├── favicon.svg # 网站图标
├── css/
│ └── styles.css # 自定义样式
├── js/
│ ├── app.js # 应用逻辑
│ └── tailwind.config.js # Tailwind 配置
├── lib/
│ └── alpine.min.js # Alpine.js 库
├── assets/
│ └── icons/
│ └── sprite.svg # SVG 图标精灵
└── data/
└── responses.json # 预设回复数据
- 克隆项目到本地
git clone https://github.com/shadowqcom/fellship.git- 使用任意 HTTP 服务器运行,例如:
npx http-server -p 8080- 在浏览器中打开
http://localhost:8080
- 点击左上角「新对话」按钮创建新的聊天会话
- 在输入框中输入您的问题,按 Enter 或点击发送按钮
- 点击右侧面板图标可打开设置面板,自定义 AI 行为
- 对话会自动保存,下次打开时恢复
MIT