【标签】 社会服务、社会公益
【标题】【社会服务赛道】+ 暖寻归途——有温度的全民寻人平台
【正文】 至少包含以下 4 个部分，可以增加额外的部分（比如自我介绍、经验总结、踩坑复盘等）
0. 先和大家打个招呼吧 
我是一名对AI产品开发充满热情的独立开发者。
这次用 TRAE 做 Demo 的体验非常顺畅，甚至超出预期。我一开始只有一个模糊的想法——“做一个帮助寻找失踪儿童的工具”，完全没有具体的产品设计方案。我把这个想法告诉 TRAE，它一步步帮我拆解：先梳理目标用户和痛点，再设计产品形态和核心功能，然后规划技术架构，最后生成完整的代码。让我最惊讶的是前端开发环节——我原本以为做一个可交互的原型需要好几天的前端开发工作，但 TRAE 直接生成了完整的 SPA 单页应用，包括页面路由、动画效果、搜索过滤、表单校验这些复杂交互，一句句自然语言描述就变成了可运行的代码。从零到可体验的 Demo，整个过程只用了不到两小时，这在以前是不敢想象的。
1. Demo 简介
是什么： 一个可交互的网站原型，模拟微信小程序风格的失踪儿童智能寻找平台。
面向谁： 四类核心用户——失踪儿童家长（登记信息、查看线索）、普通大众（上报可疑儿童线索）、服务及交通从业者（流动场景中发现线索）、警察与公益组织（核实线索、协调资源）。
主要功能：
-
失踪儿童信息浏览与搜索： 展示失踪儿童卡片列表，支持按姓名、年龄范围、地点、状态等多维度搜索筛选，支持懒加载和回到顶部。
-
AI 人脸匹配： 用户上传可疑儿童照片，系统模拟 AI 人脸识别匹配过程（含扫描线动画、粒子效果、进度条），返回匹配结果和相似度评分。
-
AI 年龄进展模拟： 上传失踪时照片，AI 模拟生成当前年龄的相貌预测图，并提供快捷匹配按钮一键跳转人脸识别进行交叉匹配。
-
线索上报： 完整的线索填写表单，包含省市区街道四级级联地点选择、特殊标记下拉、多图上传预览、上报人信息（选填，保护隐私）。
-
线索追踪与联系： 儿童详情页展示相似线索，显示线索提供人信息和加密电话（138****5678），支持一键拨号。
2. Demo 创作思路
灵感来源： 看到新闻中屡屡报道的寻亲故事，深深感受到失踪儿童家庭所承受的巨大痛苦。如果有一个集中的信息平台，让每个人都能轻松上报和查询可疑线索，很多孩子也许能更早回家。
想解决的问题： 失踪儿童信息散布在各平台，没有一个统一汇总入口；大众遇到可疑儿童时不知道向谁报告，线索白白流失；孩子失踪多年后相貌发生巨大变化，传统寻人启事照片早已失效；传统寻人只能靠照片对照片，缺乏文字描述与照片素材的匹配手段。
为什么做这个方向： 寻人是一个真实存在的社会刚需，但目前缺乏一个将AI技术与全民众包结合的解决方案。传统的寻人方式效率极低，而AI人脸识别、年龄进展模拟、跨模态检索这些技术可以极大提升寻人效率。选择这个方向，是因为它既有社会价值，又能充分发挥AI的技术优势。
3. Demo 体验地址
https://zyx908304382.github.io/nuanxun-guitu-demo
4. TRAE 实践过程
整个 Demo 从零到完成，全部通过 TRAE Work 完成，主要分以下几个步骤：
步骤一：创意方案设计 将"帮助寻找失踪儿童"的想法告诉 TRAE，让它帮我梳理目标用户、痛点分析、核心功能。TRAE 生成了完整的创意方案 HTML 文件（包含产品介绍、界面概念图、AI技术详解、业务流程图），作为后续开发的蓝图。
步骤二：产品界面设计 让 TRAE 根据创意方案生成产品界面概念插图，包括 Hero 封面图、小程序 UI 概念图、AI 人脸识别技术插图等，直观展示产品形态。
步骤三：Demo 开发 直接告诉 TRAE 需要做一个可交互的 SPA 原型，描述了 6 个页面（首页列表、儿童详情、人脸匹配、年龄模拟、线索上报、关于）和核心交互需求。TRAE 生成了完整的 HTML+CSS+JS 代码，包括：
-
Hash Router 页面路由
-
16 条模拟数据
-
实时搜索和多条件筛选
-
懒加载和回到顶部
-
人脸匹配扫描动画
-
年龄模拟对比展示
-
省市区街道四级级联下拉
-
多图上传预览
-
线索加密电话显示
步骤四：迭代优化 根据实际体验效果，逐步提出修改需求（如卡片布局修复、年龄模拟快捷匹配跳转、线索上报表单优化等），TRAE 每次都能精准理解需求并快速迭代。
开发关键步骤截图：
关键任务 Session ID：
-
Session 1：创意方案设计与 HTML 生成 【2895470763719520:2f2c8a6bac3c7c0c8da29d19d78d255a_6a468cfe154ac00abc52f883.6a53b77fb82e89566de14c9d.6a53b77fb82e89566de14c9b:TRAE Work CN.0.1.32.no_sid.no_ppe.T(2026/7/12 23:49:19)】
-
Session 2：Demo SPA 开发（页面结构、路由、数据、交互）【2895470763719520:c897e308ad921bcfa24cbd0b0fc570f1_6a468cfe154ac00abc52f883.6a53b88fb82e89566de14cab.6a53b88fb82e89566de14ca9:TRAE Work CN.0.1.32.no_sid.no_ppe.T(2026/7/12 23:53:51)】
-
Session 3：功能迭代优化（搜索增强、级联下拉、快捷匹配等）【2895470763719520:256e7e292be362bfd1f8c7257878747d_6a468cfe154ac00abc52f883.6a53c435b82e89566de14cf5.6a53c435b82e89566de14cf3:TRAE Work CN.0.1.32.no_sid.no_ppe.T(2026/7/13 00:43:33)】
5. 对应的报名审核通过的帖子链接