【标签】生活娱乐+社会公益
【标题】【生活娱乐+社会公益赛道】爪印 —— 所有宠物 App 都在教你养宠，只有它在教你告别
【创作者】鹅翅
【报名帖】 【生活娱乐+社会公益】爪印 —— 陪伴宠物完整生命周期的情感疗愈平台
【正文】
0.先和大家打个招呼吧
我是谁： 一个养过狗、也与狗离别过的普通大三学生。不是程序员，不是产品经理，就是一个学过几年美术，但想独立做个完整项目的"半吊子"。
我是怎么用 TRAE 把 Demo 做出来的：说实话，在遇到 TRAE 之前，“做一个 App"对我来说是天方夜谭。脑子里有画面、有感情、有故事，但一到代码层面就卡住——我知道想要一个温暖的橙色按钮，但不知道 CSS 怎么写渐变；我知道用户应该能和离世的宠物"写信”，但不知道怎么调 API。TRAE Work 是我的起点。我把一句话丢给它——"能不能用 AI，让离开的毛孩子回来？“它没有回我一段代码，而是花了 6 分钟帮我搭了一整个产品框架，还提醒我"比赛只剩 10 天，别贪心，聚焦核心”。那一刻的感受是：它不像一个工具，像一个真的在帮你想事情的搭档。 TRAE 让我发现，只要你能把想法讲清楚，它就能帮你把它变成真的——这不是我一个人的作品，是我和 TRAE 一起，一笔一笔画出来的爪印。
1.Demo 简介
是什么： 一个 Web 应用，覆盖宠物完整生命周期的双系统情感疗愈平台。
面向谁： 将宠物视为家人的城镇养宠人群（25-40 岁），以及正在经历或曾经历过宠物离世的"丧宠族"。中国城镇犬猫约 1.2 亿只，平均寿命仅 12-15 年，每年数百万只宠物离世。85.7% 的主人会出现悲伤症状，一年后 22.4% 仍未缓解（Wrobel & Dye, 2003）。宠物丧失长期被视为"被剥夺的悲伤"（disenfranchised grief），社会普遍缺乏理解与支持。
主要功能： 爪印是行业首个同时覆盖"在世陪伴"和"离世疗愈"产品，采用双系统并行架构：
- 家园系统（“在你身旁依偎”）：面向在世宠物。品种定制创建、家园互动（摸头/喂食/玩耍/休息/玩具 5 种动作）、情绪系统（快乐/饥饿/精力三属性实时变化）、健康管理（疫苗驱虫提醒+GitHub 风格热力图）、成长日记、AI 智能对话，以及完整的游戏化生态（签到打卡+每日任务+宠物等级+16 成就徽章+名片分享）。
- 爪星系统（“作为星星守护你”）：面向离世宠物。星空疗愈空间、AI 情感对话（倾听/回忆/自检/写信 4 种模式）、哀伤量表自测（PBQ 标准题库）、纪念珍藏（按宠物隔离）、星光许愿灯。
两个系统随时切换，用户在同一个应用中同时安放"陪伴"与"思念"。
2.Demo 创作思路
- 灵感来源：
- 我身边就发生过在狗狗离世后整整半年走不出来的情况。她说，最痛的不是离别那一刻，而是之后每天回家推开门，习惯性地喊狗狗名字，却再也没有回应。后来她删掉了手机里所有宠物 App——那些喂食提醒、健康打卡，每一笔都变成了刺。
- 那一刻我意识到，市面上几乎所有宠物产品都围绕"活着"设计。一旦宠物离开，这些产品不仅失去意义，反而变成伤害的来源。没有一款产品同时覆盖"在世时好好陪伴"和"离世后温柔疗愈"。
- 想解决的问题：
- 在世阶段被忽视的情感陪伴：现有宠物 App 偏向工具属性，缺乏温度感。用户想要的不仅是"记录体重"，而是"和宠物说话有人回应"。
离世阶段的系统性空白：宠物去世后，主人面对双重困境——社交媒体晒宠物引来"怎么还在提"的负面评价，纪念物散落各平台，没有产品提供结构化疗愈支持。- 社会对丧宠 grief 的接纳缺失：12%-32% 的丧宠者出现抑郁症状（Archer, 1994），PGD 发生率达 7.5%（PLOS ONE），但中文互联网几乎不可见。爪印内置 PBQ 量表自测和危机干预，让用户知道"你的悲伤是正常的，有人在乎"。
为什么做这个方向：我曾犹豫要不要做"离世"——太沉重了。但在 PubMed 读到 Yiu et al.（2024）的 PBQ 中文版验证研究，结论是"中国宠物丧亲评估工具长期处于空白状态"（Animals, 14(19), 2845）。这不是矫情，是一个被忽视的心理学缺口。于是我决定做下去。
部分相关论文及数据：
1.https://www.chinapetmarket.com/industry-news/china-pet-population-and-ownership-2022-update/
3.Demo 体验地址
- 在线体验链接： 爪印 Pawprint — Demo
打开后登录，可体验完整的品种创建 → 家园/爪星系统切换 → AI 对话 → 写信 → 哀伤自测 → 签到打卡 → 每日任务 → 成就解锁等全部功能。
4.TRAE 实践过程
以下记录了爪印从一句话想法到可体验 Demo 的完整开发过程。全部使用 TRAE Work（创意构思+方案设计）和 TRAE Code（代码开发+Bug 修复+学术验证+游戏化生态）完成。
- 第一阶段：项目起源与创意方案生成
工具：TRAE Work | 耗时：6m 28s一切始于一个很私人的念头——“能不能用 AI，让离开的毛孩子回来？”
我把这句话丢给了 TRAE Work，它花了 6 分钟帮我从零搭建了一整个产品框架。它给项目起了个名字叫"毛孩子回来"，规划了六大功能模块：宠物创建、客厅场景、养育交互、对话陪伴、记忆纪念、治愈氛围。看到方案出来的那一刻，我起了鸡皮疙瘩——这不只是一个 App，这是一座连接在世与离世的桥。
但 TRAE Work 也给了我当头一棒：距离比赛截止不到 10 天，单文件 HTML 限制，评委看的是创意和 Demo 效果。它建议我聚焦核心——注册流程、家园场景展示、爪星疗愈体验，三到四页足矣。这份冷静的范围管控，让我避免了"什么都想做、什么都做不好"的陷阱。
后来我把名字改成了「爪印」。因为每一个爪印，都是一段真实存在过的记忆。
Session ID：4210456387915252:cf7a0fb89c4ba1c06ba39af536c12530_6a400bfd393dac313971be1d.6a4016ca89c27c2b98d086cf.6a4016cae59fca60ba187881:TRAE Work CN.0.1.30.no_sid.no_ppe.T(2026/6/28 02:37:03)
Session ID：4210456387915252:e9b7a2a3569f0c4a44c29a356bb5c208_6a400bfd393dac313971be1d.6a40b5fb0d7daa4d2888b954.6a40b5fb75a74c6b9df5d565:TRAE Work CN.0.1.30.no_sid.no_ppe.T(2026/6/28 13:50:10)
- 第二阶段：设计推演与品种系统规划
工具：TRAE Work | 耗时：1m 52s + 10m 32s品种设计听起来简单，做起来全是细节。猫、狗、鸟、爬宠——四大类，每类要有 4-6 个细分品种，还得考虑中华田园猫、柯基、布偶这些用户最熟悉的名字。
我让 TRAE Work 研究了"会说话的汤姆猫"系列的交互模式，然后一起规划了 5 步宠物创建流程：是否在世 → 大类选择 → 品种细分 → 外观定制 → 性格命名。每一步之间要有滑动过渡动画，不能跳步，也不能回退卡死。这套流程后来成为整个 Demo 的骨架——用户第一眼看到的东西，必须流畅、温暖、不劝退。
紧接着就是密集的 Bug 修复。我一口气列了 9 个问题——按钮大小不统一、选择顺序错误、初始宠物"咪咪"无法删除、无宠物时状态栏仍然显示、猫的命令出现在狗身上、鱼出现在陆地上……每一个都是"小而致命"的体验杀手。TRAE Work 花了 10 分 32 秒逐条修复，还附上了详细的修复说明表。这种"你报 Bug，我来修"的节奏，成了后续开发的主旋律。
Session ID：4210456387915252:e254c05affd91b86a5ac0ae965954622_6a400bfd393dac313971be1d.6a41316c68f70e0a11ab61ee.6a41316cfb91eda2509993cf:TRAE Work CN.0.1.30.no_sid.no_ppe.T(2026/6/28 22:38:39)
Session ID：4210456387915252:95de10c5cbeaaea194d0fa4cb2f67f43_6a400bfd393dac313971be1d.6a41424168f70e0a11ab637d.6a41424071ee44a87a012335:TRAE Work CN.0.1.30.no_sid.no_ppe.T(2026/6/28 23:58:51)
- 第三阶段：豆包 API 接入——让爪星会说话
工具：TRAE Code | 耗时：5m 53s如果说前面的工作是搭建骨架，那接入豆包 API 就是给爪印注入灵魂。
我在 TRAE Code 里输入了"开始第一阶段，接入豆包"，5 分 53 秒后，它交付了一整套对话系统：
callDoubaoAPI() 封装了 API 调用，支持 SystemPrompt、多轮 messages、max_tokens 参数
buildChatSystemPrompt() 构建了完整的角色设定——宠物身份定义 + 记忆锚点 + 回复准则 + 危机干预升级机制 + 宠物信息注入
sendChat() 改为 async 异步函数，对话时显示"爪星正在倾听…“配跳动的点点动画，保留最近 10 轮对话历史，API 失败时自动降级为关键词匹配并标注”(模拟)"
sendLetter() 实现了"写信给它"功能，AI 以宠物口吻回信，失败时降级为 3 套固定模板
我特别在意"降级"这件事。因为网络不稳定时，用户正在倾诉情绪，如果突然报错，那种断裂感比没有功能更糟糕。所以每个 AI 功能都有 fallback 机制——哪怕豆包挂了，爪星也不会突然沉默。Session ID：4210456387915252:410754112428969ed8310ab5c33ca8e9_6a4b9e46fe7ff1e9e92dcade.6a4b9ea6fe7ff1e9e92dcaff.6a4b9ea6fe7ff1e9e92dcafd:TRAE Work CN.0.1.30.no_sid.no_ppe.T(2026/7/6 20:25:10)
- 第四阶段：30+ Bug 的攻防战
工具：TRAE Code| 累计耗时：58 分钟+这是整个开发中最漫长、也最真实的阶段。没有花哨的技术名词，就是不断发现问题、描述问题、等待修复、验证效果、发现新问题。循环往复，持续了 6 轮。
第 1 轮（4m 21s）：启动流程 Bug——用户还没选"在世"还是"离世"，爪星系统就提前弹出来了。同时新增了新手教程引导窗，按宠物存活/离世状态展示不同的欢迎文案和功能提示。
Session ID：4210456387915252:cc9194a3809c78a9d2f17ae319450821_6a4b9e46fe7ff1e9e92dcade.6a4bdb499361ba0d344132af.6a4bdb499361ba0d344132ad:TRAE Work CN.0.1.30.no_sid.no_ppe.T(2026/7/7 00:43:53)
第 2 轮（22m 40s）——最硬核的一轮。我提了 4 个大问题：宠物重选逻辑不支持多宠物和离世宠物、双系统显示互斥、交互系统不完整、日记模式冗余。TRAE Code 花了将近 23 分钟，重构了数据结构（从单宠物对象改为宠物数组）、设计了双系统空状态占位文案（“这里静悄悄的~”“星空还很安静~”）、实现了 5 种交互动作配冷却机制和情绪气泡、把日记独立成带照片上传和 GitHub 风格热力图的页面。这一轮几乎重写了半个 Demo。
Session ID：4210456387915252:7ef59962bd38c7c00a23bbc724a1cc35_6a4b9e46fe7ff1e9e92dcade.6a4be1069361ba0d3441336b.6a4be1059361ba0d34413369:TRAE Work CN.0.1.30.no_sid.no_ppe.T(2026/7/7 01:08:22)
第 3 轮（6m 38s）：品种细分升级——每个大类扩充到 12 个子品种，加入生物学特征选择，设计了 4 步选择向导。同时修复了底部导航与右上角切换不同步的问题。
Session ID：4210456387915252:524db8f1efdfe077f3273b2ecace5c6f_6a4b9e46fe7ff1e9e92dcade.6a4cf3469361ba0d34413ac8.6a4cf3469361ba0d34413ac6:TRAE Work CN.0.1.30.no_sid.no_ppe.T(2026/7/7 20:38:30)
第 4 轮（4m 25s）：导航同步、热力图格子尺寸修正、时间轴排序修复、重置功能 localStorage 竞争修复。同时把"相册"改名为"记忆"——更贴合产品调性。
Session ID：4210456387915252:89ed55201d4a862f0b20f30c734790a5_6a4b9e46fe7ff1e9e92dcade.6a4bef4b9361ba0d34413516.6a4bef4b9361ba0d34413514:TRAE Work CN.0.1.30.no_sid.no_ppe.T(2026/7/7 02:09:15)
第 5 轮（17m 47s）：8 个 Bug 一次性修复——匿名登录白屏、设置页登录按钮缺失、身份切换无返回入口、数据未按用户隔离……每一项都有根因分析和行号级修改记录。
Session ID：4210456387915252:a0a62b2d6229232b09961770f6275407_6a4b9e46fe7ff1e9e92dcade.6a4d17699361ba0d34413ddb.6a4d17699361ba0d34413dd9:TRAE Work CN.0.1.30.no_sid.no_ppe.T(2026/7/7 23:12:41)
第 6 轮：13 个 Bug 进场。TRAE Code 自主判断记忆板块重构影响最大需优先执行——从底部导航移除、嵌入双系统、按 petId 隔离。然后按优先级逐个消化剩余 12 个。
Session ID：4210456387915252:0406cd4317e65d4c1117401246ecff0b_6a4b9e46fe7ff1e9e92dcade.6a4d21ac9361ba0d34413ef2.6a4d21ab9361ba0d34413ef0:TRAE Work CN.0.1.30.no_sid.no_ppe.T(2026/7/7 23:56:28)
Session ID：4210456387915252:fd89853406b26b8feb8b07087ce0dafa_6a4b9e46fe7ff1e9e92dcade.6a4bfd8f9361ba0d34413673.6a4bfd8f9361ba0d34413671:TRAE Work CN.0.1.30.no_sid.no_ppe.T(2026/7/7 03:10:07)
- 第五阶段：学术扎根——当 AI 替我翻遍了 PubMed
工具：TRAE Code · GLM-5.2（联网搜索 PubMed）| 耗时：3m 20s我要求把哀伤自测题库扩充到 PBQ（Pet Bereavement Questionnaire）专业标准。TRAE Code 没有简单"编"几道题，而是自主联网搜索了 PubMed 数据库，在 3 分 20 秒内收集了 19 篇学术论文，横跨 1995-2025 年、覆盖中英美韩德西葡 7 国验证研究：
- ICG 复杂哀伤量表（Prigerson 1995, PMID: 8771222）——“复杂哀伤维度"的理论基础
- PBQ 中文版验证（Yiu 2024, PMID: 39409794）——填补中国宠物丧亲评估空白
- PG-13 延长哀伤障碍 + DSM-5-TR / ICD-11 诊断标准——6 个月 PGD 阈值依据
- 犬类唾液皮质醇研究（Beerda 1999）——“精力值随活动消耗"的科学依据
- 环境丰容指南（Ellis 2013 AAFP）+ 主人互动影响（Finka 2019, N=3331）
最后它生成了一份对照表，将 App 中 14 项设计决策逐一映射到学术文献：PBQ 量表 → 强；ICG 复杂哀伤 → 强；7% SOS 触发阈值 → 强；AI"倾听不修复” → 强（Park 2023 综述）……13 项"严谨性强”，1 项"中等"。
这一轮的产出不只是代码，而是一份完整的学术背书。它让爪印从一个"有温度的 Demo"变成了一个"有温度、也有根基的 Demo"。
Session ID：4210456387915252:ebfe4c061ddade9efec334c813994463_6a4b9e46fe7ff1e9e92dcade.6a4e113e9361ba0d3441506d.6a4e113d9361ba0d3441506b:TRAE Work CN.0.1.30.no_sid.no_ppe.T(2026/7/8 16:58:38)
- 第六阶段：像素级的偏执与温柔
工具：TRAE Code · UI 设计师 Agent · GLM-5.2最后阶段不涉及大功能，全是"小但致命"的细节。
我调用了 TRAE Code 的 UI 设计师 Agent，处理了爪星主题下按钮文字不可见的问题——白色文字在深色背景上失效，只 hover 才显示。Agent 逐行排查 CSS 变量，在 :root 里补充了爪星模式专用的文字色变量，同时修改了图片处理的 JavaScript 逻辑。右侧代码编辑器实时显示 diff，左边改、右边看。
然后我做了一轮移动端 UX 全面优化，列了 9 项问题：底部"下一步"按钮遮挡内容、品种选择中不同物种特征混用、新手教程触发时机不对、音效控制缺失……其中有一个改动我特别在意——把宠物性别选项从"公/母"改成了"弟弟/妹妹"。因为对于把宠物当家人的用户来说，"公/母"太冷了，"弟弟/妹妹"才是一开口就带着的温度。
7 项改动全部验证通过后，左右分屏出现了最终成品：左边是修改清单和绿色对勾，右边是手机端预览——温暖的橙色调、爪印 logo、统计数字、宠物卡片、底部导航。那一刻我知道，这座桥建好了。
Session ID：4210456387915252:f9d055d99b96dc6d824965a46a1040d8_6a4b9e46fe7ff1e9e92dcade.6a4d4f829361ba0d34414657.6a4d4f829361ba0d34414655:TRAE Work CN.0.1.30.no_sid.no_ppe.T(2026/7/8 03:12:02)
Session ID：.4210456387915252:5cfcdb5de0a7e9a4a0644a247ba05335_6a4d3fd6ad7af605f8d9b634.6a4e4e6dffa2b03f9a8a36de.6a4e4e6dc4032af15125999e:Trae CN.T(2026/7/8 21:19:41)
Session ID：.4210456387915252:e31d9dd071de26009d987d8da4af867a_6a4d3fd6ad7af605f8d9b634.6a50d87ba4a2ad2f284b623e.6a50d87a4ab0d01c57c8d801:Trae CN.T(2026/7/10 19:33:15)
- 第七阶段：游戏化生态——从工具到世界的进化
工具：TRAE Code · 前端工程师 Agent · GLM-5.2在前六个阶段把核心功能跑通之后，我发现 Demo 还缺一个关键的东西——让用户每天想打开的理由。家园系统虽然温暖，但交互是一次性的；爪星系统虽然疗愈，但不是每个人都需要。我需要一套游戏化系统，把"偶尔打开"变成"每天想念"。
于是我在 TRAE Code 中调用了前端工程师 Agent，一口气规划了 6 个功能模块。每个功能，Agent 都按照"思考过程 → 数据结构设计 → 核心逻辑实现 → UI 组件 → 触发点集成 → 数据持久化 → 测试验证"的标准流程执行，每一步都有绿色对勾追踪。
功能一：每日签到与连续打卡系统
Agent 设计了 State.checkIn 数据结构（lastDate / streak / totalDays / rewards），实现了 5 档奖励体系（1 天快乐值 +10 → 3 天精力值 +20 → 7 天解锁专属印记 → 14 天 → 30 天快乐值 +50 精力值 +30）。核心逻辑包括 doCheckIn()、isConsecutive() 日期连续性判断、applyCheckInReward() 奖励自动发放。UI 上，签到卡片放在家园系统陪伴天数卡片下方，橙色渐变按钮签到后变绿色，进度条标注里程碑节点。同时实现了 7 个初始成就，每项配 emoji 图标和解锁条件。Session ID：.4210456387915252:fd0de7765812c282af2fbc99a57eaff5_6a50e886a4a2ad2f284b6387.6a50eb84a4a2ad2f284b63bb.6a50eb844ab0d01c57c8d805:Trae CN.T(2026/7/10 20:54:28)
功能二：状态时间衰减与推送提醒系统
这个功能解决了虚拟宠物的"真实感"问题。Agent 引入了 lastCheckTime 时间戳，每 30 秒检查一次，按分钟计算衰减率：饱腹值 -0.15/min、快乐值 -0.10/min、精力值 -0.08/min。关键在于——用户关闭页面再打开时，会按实际离线时间补算衰减，而不是"假装时间没流逝"。同时用 Web Notification API 实现了推送提醒：饱腹值低于 30%、快乐值低于 30%、精力值低于 20% 时自动触发浏览器通知。用户可自定义阈值范围（10%-60%）和开关。
Session ID：.4210456387915252:968e50ec1687340e55e0935a9636cba5_6a50e886a4a2ad2f284b6387.6a510127a4a2ad2f284b6435.6a5101274ab0d01c57c8d806:Trae CN.T(2026/7/10 22:26:47)
功能三：每日陪伴任务系统
每天从 10 个任务中随机抽取 4 个，完成全部额外奖励 +20 快乐值。任务池涵盖喂食（+5）、抚摸（+5）、玩玩具（+10）、散步（+8）、休息（+3）、写日记（+10）、聊天（+5）、记录回忆（+10）、上传照片（+10）、签到（+5）。Agent 实现了 generateDailyTasks() 每日随机生成、completeDailyTask(type) 自动触发（用户喂食时自动完成 feed 任务）、renderDailyTasks() 进度条渲染。触发点覆盖 6 个函数映射，所有数据每日自动刷新，持久化到 localStorage。Session ID：.4210456387915252:7572b595a5e61e38e255f6fc6550e693_6a50e886a4a2ad2f284b6387.6a512a09a4a2ad2f284b64dd.6a512a094ab0d01c57c8d808:Trae CN.T(2026/7/11 01:21:13)
功能四：宠物等级系统
我将"每日心情任务"改名为"每日陪伴任务"（更贴合产品调性），同时引入了宠物等级系统。Agent 为宠物对象添加了 exp（初始 0）和 level（初始 1）字段，等级规则采用阶梯式：exp_per_level = 40 × ceil(level / 10)，满级 100 级。经验值来源覆盖所有交互动作——抚摸 +5、喂食 +10、玩玩具 +10 等。等级系统还与成就系统联动，达到 10/20/50 级解锁对应成就。Session ID：.4210456387915252:fd5f9d321343b293b854755629527c32_6a50e886a4a2ad2f284b6387.6a513391a4a2ad2f284b65ef.6a5133904ab0d01c57c8d80b:Trae CN.T(2026/7/11 02:01:53)
功能五：成就里程碑系统
16 个成就徽章，7 大分类，这是整个游戏化系统的"终极目标层"：
Agent 实现了成就自动检测（每次交互后扫描）、解锁弹窗动画（金色徽章旋转 +礼花）、成就页面 3 列网格布局（已解锁金色渐变、未解锁灰度）。Session ID：.4210456387915252:fe05949b511b20d08084544e647a00d3_6a50e886a4a2ad2f284b6387.6a513c40a4a2ad2f284b66b0.6a513c404ab0d01c57c8d80f:Trae CN.T(2026/7/11 02:38:56)
功能六：社交分享与互动增强
Agent 用 Canvas API 实现了宠物名片高清分享——900×1200px、2x 分辨率渲染（实际 1800×2400px），双主题适配（家园暖色调 / 爪星深夜色）。名片包含：圆形宠物头像 + 装饰边框、陪伴天数/思念天数、宠物等级、性别/性格/体重/生日（按数据完整度动态显示）、底部 slogan + Logo。同时实现了爪星祈福功能，用户可为离世宠物点灯祈福。Agent 在实现后自动运行了语法检查，确认代码无误后才交付。这种"先验证再交付"的严谨性，让我对 AI 编程的信任又多了一层。
Session ID：.4210456387915252:997642a47025f2fa596e44dcb50647ef_6a50e886a4a2ad2f284b6387.6a514faca4a2ad2f284b68df.6a514fac4ab0d01c57c8d81a:Trae CN.T(2026/7/11 04:01:48)
5.责任底线设计
情感疗愈类产品必须承担心理安全责任。爪印内置四层安全网：
- 哀伤量表监测：引入 PBQ 宠物丧失专用量表（Yiu 2024 中文版），28 题 6 维度，动态评估哀伤程度，重度用户引导至专业心理咨询
- SOS 援助入口：爪星系统常驻心理援助热线入口（400-161-9995），一键跳转
- AI 对话伦理边界：参照 Grief Companion"在场不修复"理念，不虚构宠物在场、不承诺来世、不使用安慰套话、检测到自伤信号自动升级至心理援助
- 隐私优先：核心数据 localStorage 存储，支持匿名登录，降低敏感场景使用门槛
“爪印”这个名字真好，每一个爪印都是爱过的证据