【标签】 社会服务/社会公益
【正文】
0. 先和大家打个招呼吧 ![]()
-
你是谁: hello 大家好 我目前是一名海外大学生,我从小就特别喜欢小动物,今年我在海外也有了自己的狗狗。回国的时候我去了很多地方旅游,发现每个城市的街上或多或少都有流浪狗,甚至有的地方还有明晃晃招牌的狗肉店。我在抖音上也刷到了很多很多狗狗走丢,被伤害虐待的视频,我觉得很痛心。所以我想做一个平台,类似于狗狗版的宝贝回家,让狗狗主人可以上传丢失的狗狗的信息,ai可以智能识别社交媒体中流浪狗的信息,进行匹配。捡到狗的人也可以上传信息,看到伤狗虐狗的信息可以上传到平台,从合规合法的渠道解决。虽然法律现在没法改变,但是我希望能尽到绵薄之力帮助小动物们。
-
你是怎么用 TRAE 把 Demo 做出来的: 我采用“需求拆解—原型生成—浏览器验证—多轮修正”的方式与 TRAE 协作开发 DogShield。
首先,我在 TRAE Work 中描述走失犬寻回的实际问题,并把产品流程拆解为犬只建档、72 小时走失响应、线索导入、规则匹配、材料整理和安置台账等模块。随后让 TRAE 将需求整理成产品结构,并生成基于 HTML、CSS 和 JavaScript 的可交互网页原型。
原型生成后,我在浏览器中逐项测试,再把发现的问题反馈给 TRAE,例如导航顺序、具体原帖链接导入、照片本地预览、匹配结果解释、移动端布局和材料导出等。TRAE 根据反馈定位代码并完成修改,我负责确定产品逻辑、检查交互结果和决定功能取舍。
1. Demo 简介
-
是什么:DogShield 是一个把狗狗建档、72 小时走失响应、公开线索整理、ai进行特征匹配、生成结构化线索草稿和安置台账串成一个可操作的平台,让零散信息可以更快变成可核验、可提交、可跟进的行动材料。
-
面向谁:城市养犬人群,尤其是正在经历犬只走失、需要在走失后 72 小时内快速整理档案、发布寻犬信息并核验线索的犬主。
-
主要功能:
- 犬只身份建档
上传犬只照片,记录毛色、体型、项圈和细节特征,生成 DogShield ID 和文件 SHA-256 指纹。 - 72 小时走失响应
填写走失时间、地点和联系方式,生成寻犬卡片及应急行动清单。 - 线索导入与可解释匹配
保存可打开的具体原帖链接,根据毛色、体型、项圈和性格等字段进行确定性规则排序,并展示匹配理由供人工复核。 - 材料整理与闭环台账
将线索整理成时间线、待核验清单和材料草稿,支持复制、JSON 下载、打印,并记录后续安置与回访流程。
- 犬只身份建档
2. Demo 创作思路
在观察犬只走失和救助信息时,我发现问题不只是缺少线索,而是信息过于分散:犬主的寻犬启事、路人的拾获信息、救助者的记录以及疑似伤害线索散落在不同平台,很难及时匹配、核验和持续跟进。
因此,我设计了 DogShield,一套面向走失犬寻回与救助协作的产品原型。犬主可以提前建立犬只档案并生成走失卡片;拾获者可以提交毛色、体型、项圈等结构化信息;用户还可以导入具体原帖链接。系统通过可解释的字段规则生成候选排序,由人工复核,并把相关线索整理成时间线、待核验清单和材料草稿。
对于疑似伤害犬只的线索,产品不会直接公开定性或鼓励个人对抗,而是强调保留来源、人工核验、隐私保护和通过有权限的渠道反馈。
未来,在获得平台授权、合法数据来源和用户同意后,我希望进一步验证社交媒体公开线索接入与图像识别模型。当前 Demo 主要验证产品流程和信息结构,并未实现自动抓取或真实 AI 鼻纹识别。
3. Demo 体验地址
DogShield-final.html (728.4 KB)
4. TRAE 实践过程
-
清晰展示用 TRAE 完成 Demo 开发的完整流程;
-
附关键任务对话的 Session ID(不少于 3 个:
-
3735470044363920:e3678f960c57a7c2494887a4b7268d30_6a3fb808e73f10a950790d30.6a4fc732a58a1385516bb52a.6a4fc732a58a1385516bb528:TRAE Work CN.0.1.36.no_sid.no_ppe.T(2026/7/10 00:07:14)
-
3735470044363920:a50d0a5025f693c896e1a02b4585e8ec_6a5733451afb3d3e1f93dbbf.6a576fb82fdfcbfb291a067f.6a576fb82fdfcbfb291a067d:TRAE Work CN.0.1.36.no_sid.no_ppe.T(2026/7/15 19:32:08)
-
.7655939550845420557:f93f392a06e07c988d635df6ac97b0b5_6a5518fd3a6c3c55a4a6fc06.6a55adcf3a6c3c55a4a6fcd5.6a55adcd767b3311fe645811:Trae.T(7/14/2026, 11:32:31 AM)
-
附开发关键步骤截图(不少于 3 张);
5. 对应的报名审核通过的帖子链接










