【标签】
社会服务 + 社会公益
【标题】
【社会服务赛道】爪印——AI流浪动物健康快诊+救助协同平台
【正文】
1. Demo 简介
-
是什么： 一款微信小程序原型 Demo（交互式 HTML），用户拍照上传流浪动物照片后，AI 自动识别其健康状况，并匹配最近的救助站或志愿者发起救助。
-
面向谁： 城市居民（发现流浪动物想帮助的普通人）、流浪动物救助站、动物保护志愿者。
-
主要功能：
一键拍照识别： 模拟拍照上传流浪动物照片，AI 自动分析健康状况
智能健康诊断： 用红黄绿三色标签展示紧急程度，列出具体健康问题及置信度
救助调度追踪： 自动匹配最近救助站，展示实时救助进度时间线
2. Demo 创作思路
-
灵感来源： 去年冬天在小区里遇到一只后腿受伤的流浪猫，拍了照片在各个微信群问了两天才有人回应，但猫已经不见了。那一刻我意识到，缺的不是爱心，而是能让爱心高效落地的工具。AI 视觉识别技术已经这么成熟，为什么不能让它为流浪动物做点事？
-
想解决的问题： 普通人发现受伤或生病的流浪动物后不知道联系谁、该怎么帮，只能拍张照发微信群碰运气。救助站和志愿者之间信息割裂，缺乏一个把「发现—诊断—调度」串起来的数字化工具。
-
为什么做这个方向： 市面上有很多宠物 App，但几乎全是面向家养宠物的（社交、电商、医疗预约）。面向流浪动物救助的工具几乎是空白——这个群体恰恰最需要帮助。我选择用「拍照→AI 诊断→救助调度」这个极简流程，是因为它把参与门槛降到了最低：不需要专业知识，不需要认识救助站，拍张照就行。
3. Demo 体验地址
- 交互式 HTML 文件（Zip 格式），下载解压后用浏览器打开即可体验完整流程。
index.zip (38.8 KB)
4. TRAE 实践过程
整个 Demo 使用 TRAE Work（Auto 模式）分 4 个对话任务完成开发：
| 步骤 | 任务内容 | Session ID |
|---|---|---|
| Session 1 | 搭建项目骨架 + 拍照上传页面 | 【1646444689766812:d3bc032d79e9d7e0ddd2ca1ef30d2f9b_6a3f78abb5137e5ddf76fde0.6a3f8462b5137e5ddf76fe20.6a3f8461b5137e5ddf76fe1e:TRAE Work CN.0.1.23.no_sid.no_ppe.T(2026/6/27 16:05:54)】 |
| Session 2 | AI 诊断结果页面 + 健康评估卡片 | 【1646444689766812:03e07c679a136d15829b11baec889724_6a3f78abb5137e5ddf76fde0.6a3f85e8b5137e5ddf76fe2e.6a3f85e8b5137e5ddf76fe2c:TRAE Work CN.0.1.23.no_sid.no_ppe.T(2026/6/27 16:12:24)】 |
| Session 3 | 救助调度地图 + 进度追踪时间线 | 【1646444689766812:04266e20e07651f1e37d8b0fdf760a4f_6a3f78abb5137e5ddf76fde0.6a3f8702b5137e5ddf76fe3c.6a3f8702b5137e5ddf76fe3a:TRAE Work CN.0.1.23.no_sid.no_ppe.T(2026/6/27 16:17:06)】 |
| Session 4 | 三页整合 + 步骤切换动画 + UI 打磨 | 【1646444689766812:33917f1e5e4b9b35d768e6f5986e4c3c_6a3f78abb5137e5ddf76fde0.6a3f88abb5137e5ddf76fe4a.6a3f88abb5137e5ddf76fe48:TRAE Work CN.0.1.23.no_sid.no_ppe.T(2026/6/27 16:24:11)】 |
开发关键步骤截图：
踩坑与迭代记录：
- 第一版生成的诊断页面太像医疗报告，文字密集、可读性差。我让 TRAE 改成卡片式布局 + 红黄绿三色标签，一眼就能看懂紧急程度。
- 页面切换最初是生硬的跳转，我追加指令让 TRAE 加了淡入淡出 + 左右滑动过渡，体验立刻好了很多。
- 救助进度时间线最初是静态的，后来让 TRAE 给当前步骤加了脉冲呼吸灯动画，视觉上更有「正在行动」的紧迫感。
5. 对应的报名审核通过的帖子链接
【一款微信小程序，路人拍照上传流浪动物照片后，AI 自动识别其健康状况并调度最近的救助站或志愿者响应，把传统数小时的救助流程缩短到 30 分钟以内。