0. 先和大家打个招呼吧 ![]()
我是一名从业10+的产品经理,目前在清华攻读工程管理硕士。AI的爆发式增长,让我一个代码小白跃跃欲试,这是第一次尝试自己一个人做应用。比我预想的要简单一些,不过也有一些小bug反反复复出现,可能需要更换不同的模型去解决,哪些模型适合自己,可能需要一遍遍尝试。
1. Demo 简介
AI人生档案馆是一款基于AI能力的智能照片管理与人生记忆归档应用,产品形态为移动端PWA Web应用(同时支持 Capacitor 混合打包为原生App)。核心理念是通过AI对用户海量照片进行智能分析,自动完成分类、评分、归档建议,并提供回忆文案生成、人生时间轴视频等创新功能,帮助用户从"照片堆积者"转变为"记忆管理者"。
面向用户
核心用户为智能手机重度用户——手机中存储了数千甚至上万张照片,但缺乏系统化管理的普通用户。典型场景包括:年轻父母记录孩子成长、旅行爱好者整理多年照片、职场人士管理证件和工作截图。这类用户共同面对的困境是"拍得多、看得少、找不到、不敢删"。
核心功能
2. Demo 创作思路
灵感来源
这个想法来自一个很真实的个人体验。我的手机相册里有超过2000张照片,有一次想找三年前和家人的一张合影,翻了整整二十分钟才找到。那一刻我突然意识到:我们每天都在制造大量数字记忆,但这些记忆正在变成一座越来越难翻阅的"数字废墟"。
更深层的原因是,传统的相册管理工具都在解决"怎么存"的问题——云盘给空间、相册做备份。但很少有人思考"存了之后怎么办"。照片的价值不在于占用多少GB存储,而在于它记录了什么、意味着什么、未来是否还值得保留。这才是用户真正的痛点。
想解决的问题
-
照片焦虑——手机存储满了,但不知道哪些该删、哪些该留。每张照片看起来都有点舍不得,但大多数永远不会再看。
-
记忆断层——三年前做了什么?去年最珍贵的一次旅行是哪里?这些本该被记住的时刻,因为缺乏整理而逐渐遗忘。
-
隐私担忧——把所有照片上传到云端进行分析,意味着把最私密的记忆交给一家公司。用户需要一个可以在本地完成智能处理的方案。
为什么做这个方向
在调研了市面上的照片管理工具后,我发现大多数产品都是"存储工具"而不是"记忆工具"。Google Photos擅长搜索但不做价值判断,iPhone相册的"回忆"功能是算法推荐而非用户主导。我想要做的是把AI的判断力还给用户——不是AI替你决定什么重要,而是AI帮你看到每张照片的价值,让你自己做出更好的决策。
关于"隐私优先"这个定位也做过取舍。如果选择云端处理,模型能力会强很多(可以调用大模型API),但这就违背了产品的核心理念。最终决定采用本地为主、云端为辅的混合方案:核心的评分和分类在本地完成,AI文案生成等高级功能通过可选的API调用实现,用户完全掌控自己的数据。
3. Demo 体验地址
本项目已部署到 GitHub Pages,可通过以下链接直接在浏览器中体验完整交互:
https://zuoyawei5.github.io/life-archive-ai/
4. TRAE 实践过程
整个项目从零到完成,完全使用 TRAE 进行开发。以下是完整的开发流程:
-
需求分析与技术方案设计:通过TRAE进行产品需求分析,明确核心功能模块、用户交互流程、技术选型。输出完整的技术方案文档(tech-spec.html),涵盖系统架构、AI模型选型、数据结构设计等。
-
前端框架搭建:使用TRAE生成项目的HTML骨架、CSS样式系统和JavaScript逻辑框架。采用纯原生技术栈(HTML5 + CSS3 + Vanilla JS),不依赖任何第三方框架,确保轻量和快速加载。
-
核心功能迭代开发:按照"首页概览 → 照片分类 → 时间轴 → 清理功能 → AI功能 → 设置页"的顺序逐步迭代,每个功能模块完成后通过自动化脚本验证(函数引用完整性检查、JS语法校验、DOM ID唯一性验证)。
-
UI调优与交互优化:基于用户体验反馈进行多轮调整,包括底部导航栏响应优化(z-index层级修复)、首页布局重构(AI功能前置、导入照片移至Header、快捷清理独立化)、清理页面照片放大查看等。
-
部署上线:通过TRAE自动配置Git仓库,使用GitHub API创建远程仓库并推送代码,启用GitHub Pages实现公开访问。
关键开发截图
关键任务对话的 Session ID
1159351613268571:f45c50b2e4cf5a68655033809519623f_6a3361ce8a043f240eccc825.6a3361ce8a043f240eccc828.6a3361ce8a043f240eccc826:TRAE Work CN.0.1.29.no_sid.no_ppe.T(2026/6/18 11:11:10)
1159351613268571:b3b7f392bc3cebd6fb32a92d481e6b2c_6a3361ce8a043f240eccc825.6a466d0c31802de82086723e.6a466d0c31802de82086723c:TRAE Work CN.0.1.29.no_sid.no_ppe.T(2026/7/2 21:52:12)
1159351613268571:fcb4dd0d187fc2a25add0599c37b338f_6a3361ce8a043f240eccc825.6a46aa4c31802de82086784c.6a46aa4c31802de82086784a:TRAE Work CN.0.1.29.no_sid.no_ppe.T(2026/7/3 02:13:32)
1159351613268571:5a89cbd219b5bcceea8d6726fdcdf639_6a3361ce8a043f240eccc825.6a4764950740643479e6c23b.6a4764950740643479e6c239:TRAE Work CN.0.1.29.no_sid.no_ppe.T(2026/7/3 15:28:21)
1159351613268571:f620a212aa5bbe79fa8d61d057cc1b58_6a3361ce8a043f240eccc825.6a4bac4b117cd091a279ebe3.6a4bac4b117cd091a279ebe1:TRAE Work CN.0.1.29.no_sid.no_ppe.T(2026/7/6 21:23:23)
1159351613268571:660e2a3b0f68ba8bba5081c0ce3e028c_6a3361ce8a043f240eccc825.6a4bb3f5117cd091a279eca1.6a4bb3f5117cd091a279ec9f:TRAE Work CN.0.1.29.no_sid.no_ppe.T(2026/7/6 21:56:05)
5. 对应的报名审核通过的帖子链接
【生活服务赛道】做一个人生档案馆应用) - TRAE AI 创造力大赛 / 【大赛报名专区】 - TRAE 官方中文社区











