【标签】生活娱乐、社会公益
【标题】 【生活娱乐赛道】年轮——从小疼你的人走了，你能说出他们的故事吗？——把家人的故事连成时间，让每一个普通人的记忆都被记住
【正文】 如果有一天，从小疼你的人走了， 你能说出他们的故事吗？他们年轻的时候是什么样的？ 吃过什么苦？有过什么梦想？ 最开心的是哪一年？最后悔的是什么事？
我答不上来。
我爷爷走了快十年了。 我才慢慢从家里人嘴里，拼凑出他的一生。他是个农民，小时候家里穷，被亲生父母送给别人养。文革时受过委屈，养母早逝，吃了很多苦。但他一辈子勤勤恳恳，种地、干活，和奶奶两个人拉扯大4个孩子。老了也闲不住，继续竭尽所能地帮儿女分担压力。
2016年年底，他回家的路上，出了车祸，就这么走了。
亲戚们都说：你爷爷啊，劳碌命，一辈子都在为子女拼命，连走都走得这么突然，没拖累子女一天。
我认识的爷爷，就是这样——沉默寡言，永远在干活，好像永远不会累。但他20岁的时候是什么样的？ 被送走的时候害怕吗？ 他这辈子，有没有过特别开心的时候？这些我都不知道。 也许我该多问问其他人，拼凑出他完整的一生。
所以我想做「年轮」——一个家族时间轴。
中国有2.8亿60岁以上的老人，每一位都是一部活着的历史书。但这些故事，大多只在年夜饭的酒桌上零星提及，在清明扫墓时短暂追忆，然后——就没有然后了。当老人离去，那些关于四零年代的战乱、六零年代的饥荒、七零年代的动荡、八零年代的改革开放的第一手记忆，也跟着永远消失了。
所以我用TRAE做了「年轮」——它不是又一个复杂的家谱App，也不是冷冰冰的时间轴工具。年轮是一座桥，连接孙辈和祖辈之间那道看不见的鸿沟。
爷爷那辈的20岁，在生产队挣工分；爸爸那辈的20岁，开着卡车跑运输；而我的20岁，在大学校园里刷着手机。同样的年纪，完全不同的人生。把三代人的20岁放在一起看，你突然就懂了什么叫"代沟"，什么叫"时代"。
1. Demo 简介
-
是什么
「年轮」是一款 AI驱动的「个人+时代+家族」三轨时间轴Web应用。以纯前端单页应用形式交付，无需下载安装，打开浏览器即可使用；支持本地存储，无需注册登录，数据100%保存在用户自己设备上。不是冰冷的历史年表，不是简单的日记笔记，而是把"你的人生"放进"时代背景"里、把"全家人的故事"编织在一起的有温度的记忆容器。 -
面向谁
核心用户：20-35岁年轻人（学生、职场新人、年轻父母）——想记录家族故事、了解长辈人生、保留珍贵回忆
扩展用户：中老年群体（50岁+）——讲述人生故事、对抗记忆衰退、和孙辈互动
使用场景：祖辈去世后记录他们的故事、家庭聚会、生日、过年回家、年底复盘 -
核心功能
家族年轮总览：用"星空年轮"作为核心视觉隐喻，每位家人是一颗星，同一代人在同一圈年轮上，离世的家人化作外圈流星继续环绕。一眼看尽家族几代人的时间跨度。个人时间轴：点击任意星点进入该家人的故事线。出生、上学、工作、成家……重要时刻和普通日子都值得记录。事件自动叠加同年时代背景，个人故事嵌入大历史。
代际对比视图（核心亮点）：把爷爷、爸爸、你拖到同一年龄（比如20岁），并排看三代人在同样的年纪分别经历了什么。爷爷20岁在生产队挣工分，爸爸20岁开着卡车跑运输，你20岁在大学校园——这是最能让人眼眶发热的瞬间。支持两种对比模式：平行对比（同年龄视角）和同年故事（同年份视角）。
-
智慧助老设计：
-
孙辈采访模式：按人生阶段提供引导式问题清单（童年、求学、工作、爱情、养育子女……），解决"不知道问什么"的千古难题
内置"年代背景卡片"，帮助孙辈理解老人所处的时代
高对比度暖色调配色，不刺眼、看得清 -
极简操作流：
隐私保护（纯本地存储）：所有家人信息、故事、照片，100%保存在用户自己的浏览器本地。不会上传到任何服务器，不会被任何人看到。甚至可以断网使用。
-
-
产品截图
（产品截图：家族年轮总览、个人时间轴、代际对比视图）
2. Demo 创作思路
-
灵感来源：
我爷爷走了快十年了。 我才慢慢从家里人嘴里，拼凑出他的一生。他是个农民，小时候家里穷，被亲生父母送给别人养。文革时受过委屈，养母早逝，吃了很多苦。但他一辈子勤勤恳恳，种地、干活，和奶奶两个人拉扯大4个孩子。老了也闲不住，继续竭尽所能地帮儿女分担压力。2016年年底，他回家的路上，出了车祸，就这么走了。
亲戚们都说：你爷爷啊，劳碌命，一辈子都在为子女拼命，连走都走得这么突然，没拖累子女一天。
我认识的爷爷，就是这样——沉默寡言，永远在干活，好像永远不会累。但他20岁的时候是什么样的？ 被送走的时候害怕吗？ 他这辈子，有没有过特别开心的时候？这些我都不知道。 也许我该多问问其他人，拼凑出他完整的一生。
所以我想做「年轮」——一个家族时间轴。
中国有2.8亿60岁以上的老人，每一位都是一部活着的历史书。但这些故事，大多只在年夜饭的酒桌上零星提及，在清明扫墓时短暂追忆，然后——就没有然后了。当老人离去，那些关于四零年代的战乱、六零年代的饥荒、七零年代的动荡、八零年代的改革开放的第一手记忆，也跟着永远消失了。
所以我用TRAE做了「年轮」——它不是又一个复杂的家谱App，也不是冷冰冰的时间轴工具。年轮是一座桥，连接孙辈和祖辈之间那道看不见的鸿沟。
爷爷那辈的20岁，在生产队挣工分；爸爸那辈的20岁，开着卡车跑运输；而我的20岁，在大学校园里刷着手机。同样的年纪，完全不同的人生。把三代人的20岁放在一起看，你突然就懂了什么叫"代沟"，什么叫"时代"。
-
想解决的问题：
家族记忆在流失：老人走了，他们的故事也跟着走了。上一代人的记忆，如果不记录，就真的消失了和长辈聊天总冷场："爷爷，给我讲讲你年轻时候的事吧。"这句话说完往往是尴尬的沉默——不是老人不想说，是我们不知道怎么引导
隐私顾虑：家庭故事是最私密的记忆，要上传云端、要注册账号，很多老人一听就摆手：“算了算了”
历史与个人割裂：课本上学的历史考完就忘，因为和自己没关系；自己的人生回忆散落在各处，拼不成一条完整的线
-
为什么做这个方向：
情感穿透力强：代际对比、逝去亲人的故事，天然容易让人共情，这是一个有温度的项目社会价值清晰：智慧助老的公益属性，帮助老年人记录人生、对抗记忆衰退，促进代际交流
产品定位独特："个人+时代+家族"三轨融合，市面上没有完全一样的产品
有传播性：“三代人的20岁”、“你出生那年发生了什么”，天然适合分享到社交媒体
3. Demo 体验地址（三选一）
-
在线体验地址（推荐）
-
支持PC端和移动端浏览器访问
-
无需注册，打开即用
-
本地模拟AI模式可离线体验全部功能
-
-
答辩演示模式
-
demo直达
-
覆盖家族年轮总览、个人时间轴、代际对比视图三大核心功能
-
方便评审快速走查核心功能
-
4. TRAE 实践过程
-
哈哈感觉是一次挺神奇的历程，作为一个文科生对代码一窍不通，但TRAE让我把"留住爷爷奶奶的故事"这个模糊的想法，一步步变成了真实可体验的产品。从第一行代码到最后一个像素，全程在TRAE中完成。
-
开发历程
整个项目历时11天（6月26日-7月7日）整个项目从创意到可体验Demo，经历了以下阶段：
阶段一：创意梳理与提案生成
和TRAE讨论创意方向，从"帮家人记录故事"这个模糊想法，逐步梳理成完整的产品定位
TRAE帮我分析用户痛点、设计功能架构、确定"个人+时代+家族"三轨融合的核心方向
一起打磨代际对比这个核心亮点，确定"平行对比"和"同年故事"两种模式
输出完整的创意提案文档，明确Demo阶段要做的功能优先级阶段二：核心页面与视觉设计
确定"星空年轮"作为核心视觉隐喻
设计家族总览页、个人时间轴、代际对比视图的页面布局
选择暖色调、年代感的配色方案，配合极简风格的视觉效果阶段三：核心功能开发
实现星空年轮可视化效果，每位家人是一颗星的交互
开发个人时间轴组件，支持事件添加、照片展示、年代背景叠加
开发代际对比视图，实现三条时间轴同步滚动的核心交互
预置示例家族数据（爷爷、爸爸、我三代人），让用户打开就能体验阶段四：体验优化与部署上线
优化在线体验功能
实现本地存储功能，确保用户数据安全
打磨文案和叙事，让整个产品从打开的第一秒就能打动人
修复各种交互细节问题，优化加载性能
最终部署到GitHub Pages，确保国内可以正常访问 -
TRAE使用心得（真实感受）
AI能帮你搭骨架、写代码、调样式，但是视觉审美，元素的运用，色彩的搭配，动画的制作，交互效果，都不是很理想，以及一些交互细节温度和用户体验必须反复修改调整：想清楚要什么："做个时间轴"太模糊，"我要爷爷20岁、爸爸20岁、我20岁三个人的故事并排显示，同步滚动，一打开就让人想哭"才是TRAE能听懂的需求
精准描述感觉："做好看点"没用，“要用暖色调，像黄昏时候的老照片，颜色要柔和不刺眼"才行
TRAE就像一个永远有耐心的搭档，你说什么它都认真听，然后帮你做出来。我不需要懂复杂的时间轴可视化算法，我只需要把我想要的感觉说清楚，把我想传递的温度讲明白。开发关键步骤截图（共4张）
截图1：TRAE IDE界面——创意梳理阶段，和TRAE讨论年轮产品定位和核心功能
截图2：TRAE IDE界面——开发星空年轮视觉效果和家族总览页
截图3：TRAE IDE界面——开发代际对比视图，三条时间轴同步滚动功能
-
关键任务Session ID
Session 1 - 创意启动·提案生成：从"想做一个记录家人的时间轴故事，从时代背景等更深入的了解他们的产品"这个想法开始，到输出完整创意提案的对话
2328094362834035:3008d33cb3a17aa7a0c1169699faa2d3_6a3b645971446e9244d52f63.6a3b645971446e9244d52f66.6a3b645971446e9244d52f64:TRAE Work CN.0.1.30.no_sid.no_ppe.T(2026/6/24 13:00:09)Session 2 - demo的第一个版本：设计星空年轮视觉、开发家族总览页和个人时间轴的对话
2328094362834035:fdbd65b253dc38c8af43ef657cfdee47_6a3b645971446e9244d52f63.6a3baab8b6620ac873c1de59.6a3baab8b6620ac873c1de57:TRAE Work CN.0.1.30.no_sid.no_ppe.T(2026/6/24 18:00:24)Session 3 - 核心视觉与页面开发：设计星空年轮视觉、开发家族总览页和个人时间轴的对话
2328094362834035:91cf3aa9dc218936e05c049511267657_6a3b645971446e9244d52f63.6a3bb416b6620ac873c1de94.6a3bb416b6620ac873c1de92:TRAE Work CN.0.1.30.no_sid.no_ppe.T(2026/6/24 18:40:22)Session 4 - 核心功能·代际对比开发：实现代际对比视图、两条时间轴/三条时间轴同步滚动的对话
2328094362834035:fdbd65b253dc38c8af43ef657cfdee47_6a3b645971446e9244d52f63.6a3baab8b6620ac873c1de59.6a3baab8b6620ac873c1de57:TRAE Work CN.0.1.30.no_sid.no_ppe.T(2026/6/24 18:00:24)
5. 对应的报名审核通过的帖子链接
【生活娱乐赛道】年轮——从小疼你的人走了，你能说出他们的故事吗？ - TRAE AI 创造力大赛 / 【大赛报名专区】 - TRAE 官方中文社区
最后
AI让一切都变得很快，新的东西层出不穷，如果有想做的事、有想留住的人、有想讲的故事——那就马上行动。
爷爷奶奶那辈没讲完的故事，我们这代人，终于能用新的方式把它记下来。
“死亡不是终点，被遗忘才是。”
如果你也有想记录的家人故事，不管会不会写代码——都可以打开年轮试试看。从自己开始，从给爷爷、奶奶、爸爸、妈妈建立一条时间轴开始，从问一句"爸/妈，你20岁的时候在做什么？"开始。
科技不该是冰冷的。好的科技，应该让我们更懂彼此，更珍惜彼此。
年轮——把你的人生，放进时代的长河里；让一家人的故事，永远被记住。
不是程序员，不懂代码的纯小白
代际对比视图是整个产品最打动我的地方，把三代人的20岁放在一起看，不仅仅是一个功能，更像是一次跨越时间的对话。