生活娱乐赛道 · Demo作品帖：时光锦囊 隐晦情感语言传达器
1. Demo 简介
是什么： 时光锦囊是一款微信小程序产品，让用户把当下想说却说不出口的话，录制成视频/语音/文字，封存在"锦囊"中，设定未来送达时间和解锁条件，在合适的时机安全传递给指定的人。
面向谁： 所有有情感表达需求的人——想对家人说感恩、对爱人表白、对朋友留纪念、对未来自己寄语的用户。
主要功能：
- 三种录制方式：录视频（用画面传递心声）、录语音（用声音表达情感）、写文字（用文字记录此刻）
- 三步创建锦囊：录制内容 → 设定接收人与第二托付人 → 设置时间与暗语条件
- 第二托付人机制：当主接收人联系不上时，由托付人协助转达，确保锦囊不遗失
- 匿名发送：支持隐藏发件人身份，到时间后由收件人猜猜是谁
- 双向互动：收件人开启锦囊后可以回复发件人，发件人能在"我创建的"列表中查看回复
- 锦囊管理：分类展示我创建的（待开启/已开启/有回复）和我收到的（可开启/待开启-匿名/待开启-署名）
- 二次编辑：待开启的锦囊，发件人可随时修改内容、接收人、时间等，确保信息准确
Demo体验地址见第3部分，可直接在浏览器中体验完整交互流程。
2. Demo 创作思路
灵感来源： 生活中有太多话当下说不出口——对父母的爱、对恋人的歉意、对朋友的感谢，往往等想说的时候已经来不及了。传统通讯是即时的，但有些话需要一个"时间差"来承载仪式感和惊喜感。
想解决的问题：
- 情感表达的"时间差"需求：有些话需要在特定的时刻才有意义（生日、毕业日、纪念日等）
- 信息安全性：担心即时发送可能被误触或提前看到
- 送达可靠性：担心接收方式变更导致消息丢失（换手机号、卸载微信等）
- 匿名惊喜：想给对方一个神秘礼物，先不透露身份
为什么做这个方向： 情感传递是永恒的需求。现有的即时通讯工具（微信、短信）都是"即发即达"模式，缺少"时间胶囊"式的延迟送达机制。时光锦囊填补了这个空白，让"时间"本身成为一种情感载体——在未来的某个约定时刻打开锦囊，仪式感和感动会被放大。
第二托付人设计的思考： 现实中收件人可能换手机号、卸载微信、甚至离世，如果只依赖一种通知方式，锦囊可能永远无法送达。第二托付人机制确保即使主通道失效，仍有一条安全路径。
3. Demo 体验地址
在线体验链接： https://你的netlify链接.netlify.app
直接在浏览器中打开即可体验完整的小程序模拟界面，包含首页、创建锦囊、锦囊管理、开启锦囊、回复互动、编辑锦囊等全部功能。支持桌面端和手机端访问。
也可以下载HTML文件本地打开：
将 index.html 文件下载到本地，双击用浏览器打开即可体验。
4. TRAE 实践过程
4.1 开发流程概览
本次Demo完全使用 TRAE Work 完成开发，从创意构思到代码实现全程由AI辅助。整体流程如下：
- 创意梳理阶段：在TRAE Work中与AI对话，完善产品功能设计，确定"时光锦囊"的核心功能模块
- 方案文档阶段：使用TRAE Work生成了完整的创意提案HTML文档，包含产品介绍、功能展示、使用场景
- 原型开发阶段：在TRAE Work中逐步构建微信小程序项目结构，使用WXML/WXSS/JS开发框架
- 浏览器版Demo：为方便评审体验，将小程序逻辑转换为浏览器可运行的HTML版本，模拟手机交互界面
- 迭代优化：根据交互需求，持续添加功能——分类管理、锦囊开启流程、回复机制、编辑功能等
4.2 关键开发步骤（基于实际开发历程）
步骤一：初步想法构思
在TRAE Work中提出"时光锦囊"的核心创意——让用户把当下说不出口的话录制下来，设定未来送达时间和解锁条件，在合适的时机传递给指定的人。确定了产品的情感传递定位和小程序形态。
步骤二：构思和功能细化描述
与TRAE Work深入对话，逐步细化产品功能模块：
- 三种录制方式（视频/语音/文字）
- 三步创建流程（录制 → 设定接收人 → 设置条件）
- 第二托付人机制（确保锦囊不遗失）
- 匿名发送功能（隐藏发件人身份增加惊喜感）
- 锦囊管理分类（我创建的 / 我收到的）
步骤三：确认TRAE的Proposal是否符合预期
让TRAE Work生成完整的创意提案HTML文档，逐一确认各功能模块的描述是否准确、交互流程是否合理、视觉风格是否符合预期。根据反馈调整细节，确保AI理解的产品方案与我的构思一致。
步骤四：构建和生成DEMO小程序
使用TRAE Work逐步构建微信小程序项目结构：
- 搭建项目骨架（app.json、页面路由、TabBar导航）
- 开发首页（三个录制入口 + 步骤引导）
- 实现创建流程（三步向导界面）
- 开发锦囊管理页面（分类列表展示）
- 将小程序逻辑转换为浏览器可运行的HTML版本，方便评审体验
步骤五：局部功能细化、修改及优化
根据交互体验需求，持续迭代优化：
- 重新设计"我的锦囊"页面结构，实现三级分类（我创建的/我收到的 → 可开启/待开启 → 匿名/署名）
- 添加锦囊开启流程（暗语验证 → 开启动画 → 内容展示）
- 实现双向回复功能（收件人可回复，发件人可查看）
- 添加待开启锦囊的编辑功能（二次修改标题、接收人、时间等）
- 优化首页图标为现代SVG风格
- 修正锦囊状态逻辑（已开启/待开启/有回复的正确显示）
4.3 关键任务Session ID
以下是在TRAE中完成各阶段核心任务时的对话Session ID，证明作品由TRAE开发完成：
- Session ID 1: [3436393663568060:4f1da8914c73865682742293fe31ada3_6a375f27a37e8bc1835fd66e.6a3764b0a37e8bc1835fd6f8.6a3764b0a37e8bc1835fd6f7:TRAE Work CN.0.1.23.no_sid.no_ppe.T(2026/6/21 12:12:43)]
- Session ID 2: [3436393663568060:1a03779b24bf0143fa15a2afe4cc7ea8_6a375f27a37e8bc1835fd66e.6a3774678a32350e27a3d8da.6a3774678a32350e27a3d8d8:TRAE Work CN.0.1.23.no_sid.no_ppe.T(2026/6/21 13:19:35)]
- Session ID 3: [3436393663568060:8a13e9ed9ab06feeff0a73db4e92fa58_6a375f27a37e8bc1835fd66e.6a378be9a9353928ae770e7f.6a378be9a9353928ae770e7d:TRAE Work CN.0.1.23.no_sid.no_ppe.T(2026/6/21 14:59:53)]
4.4 开发截图说明
截图1 - 首页：打开Demo链接，展示首页界面（含三个创建入口和步骤引导）
截图2 - 创建锦囊流程：点击"录视频"或"写文字"，展示三步创建向导
截图3 - 锦囊管理-我创建的：点击"我的锦囊"Tab，展示已创建锦囊列表（含已开启/待开启/有回复等多种状态）
截图4 - 锦囊管理-我收到的：切换到"我收到的"Tab，展示可开启和待开启（匿名/署名）分类
截图5 - 开启锦囊：点击"可开启"中的任意锦囊，展示开启后的内容展示页面和回复功能
截图6 - 编辑锦囊：点击待开启锦囊的"
点击可编辑"，展示编辑页面
5. 对应的报名审核通过的帖子链接
报名帖链接： 【生活娱乐赛道】时光锦囊—— 把现在说不出口的话，交给未来的TA - TRAE AI 创造力大赛 / 【大赛报名专区】 - TRAE 官方中文社区