项目002-搭建一个AI智能理财软件
财小伴 — 大学生的理财搭子
校园轻理财,省心有小伴
财小伴是一款面向在校大学生的轻量化理财陪伴AI智能体。通过智能对话机器人,帮助大学生解决记账繁琐、理财知识匮乏、缺乏陪伴感三大痛点。纯前端实现,无需注册登录,数据本地存储,隐私安全。
✨ 核心功能
| 功能 | 说明 |
|---|---|
| 🤖 AI智能记账 | 自然语言描述收支,AI自动识别金额/分类并录入;区分真实记账与假设提问 |
| 📚 理财知识陪伴 | 四大模块:理财科普、风险认知测试、低风险理财讲解、校园防骗反诈指南 |
| 🎭 个性化AI搭子 | 双人设(顾云生·高冷男神 / 林可可·可爱甜妹)+ 支持自定义头像/姓名/人设 |
| 📊 收支统计分析 | 趋势折线图、分类饼图、月度/年度消费小结、攒钱进度可视化 |
| 🎯 攒钱目标管理 | 多目标优先级自动填充,月度结余按顺序分配 |
| 📅 日历视图 | 每日结余可视化,正负金额对应不同背景色 |
| 💾 数据自主管理 | 本地localStorage存储,支持JSON导入/导出,一键清空 |
🛠 技术栈
| 层级 | 技术 |
|---|---|
| 前端 | HTML5 + CSS3 + Vanilla JavaScript(模块化架构) |
| 图表 | Chart.js 4.4 |
| AI引擎 | DeepSeek Chat API(支持上下文窗口、人设注入、Mock回退) |
| 存储 | localStorage(无需后端数据库) |
| 部署 | GitHub Pages + GitHub Actions(API Key通过Secrets注入) |
| 设计基准 | iPhone 375×812px,移动端仿APP沉浸式体验 |
🚀 在线体验
token有限,还请各位节省使用orz
🔗 https://lt-ieng.github.io/cmbrace.github.io
手机扫码即可体验(推荐移动端浏览器打开):

📱 打开后经历:启动动画 → 6步教程 → 选择AI搭子 → 进入主页
💡 点击「我的」→「加载测试数据」可快速体验完整功能
📂 项目结构
1 | ├── index.html # 主页面(纯结构,无行内样式) |
🎭 AI人设系统
| 人设 | 姓名 | 性格 | 风格 |
|---|---|---|---|
| 🧊 | 顾云生 | 高冷男神 | 外冷内热,简洁有力,细节处流露关心 |
| 🍬 | 林可可 | 可爱甜妹 | 温柔元气,表情语气词,像朋友陪伴 |
| ✨ | 自定义 | 自定义 | 上传头像、设定姓名/人设/说话风格 |
人设切换后全局同步:AI对话、记账助手、底部气泡文案、设置页显示全部更新。
🧪 评测结果
打开 test_ai.html 可运行自动化评测,覆盖三个维度:
| 维度 | 指标 | 结果 |
|---|---|---|
| 🎯 意图识别 | 区分记账/非记账 | 15/15(100%) |
| 💰 金额提取 | 金额识别正确率 | 10/10(100%) |
| 🏷 分类识别 | 收支分类正确率 | 10/10(100%) |
| 🎭 人设一致性 | 风格差异显著 | 通过 |
| 📋 功能完整性 | 核心功能可用 | 10/10项通过 |
🏃 本地运行
1 | # 克隆仓库 |
🔒 安全说明
- API Key保护:Key不存储在源码中,通过GitHub Actions Secrets注入
- 数据隐私:所有账单数据仅存储在浏览器localStorage,不上传任何服务器
- 设备隔离:不同设备数据天然隔离,无需账号登录
📝 竞赛信息
本项目参加招商银行数字金融训练营 · AI产品经理赛道,详见产品文档如下:

📄 License
MIT License
本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来源 LT-IENG!


