【标签】 社会服务/社会公益
【标题】 【社会服务】｜Kinora — 帮助家人更早注意到变化
【正文】
0. 先和大家打个招呼吧 
-
我是谁： 一个普通的上班族，也是异地工作的子女。不是全职开发者，在遇到 TRAE 之前只写过一点前端，从来没用过云开发，也没做过小程序。
-
我是怎么用 TRAE 把 Demo 做出来的： 说来话长。报名的时候其实只有一个想法——“想做一个帮家人更早发现变化的工具”。当时连产品形态都没定下来，写了一篇报名帖，附了一个用 AI 生成的概念 HTML 就交了。
-
初赛要求做一个可体验的 Demo。我本来以为要做成品 App，后来发现可以用 HTML Demo 参赛，于是决定同时推进两条线：用 TRAE IDE 做微信小程序（真实产品），再用 TRAE 做一个 HTML 交互式 Demo（供评审体验）。
-
做小程序的过程中，TRAE 帮我跨过了好几个以为搞不定的坎：
-
云开发数据库设计：我完全不懂 NoSQL，TRAE 帮我设计了 families、family_members、observations、events 四张集合的表结构，还写了云函数 getData 统一拉取数据
-
毛玻璃 UI 组件：我把设计稿截图发给 TRAE，它直接生成了 backdrop-filter + 渐变背景的完整 WXSS
-
雷达图 SVG：我描述了想要的效果，TRAE 用 cubic bezier 曲线生成了平滑圆角的六维度雷达图
-
隐私政策合规：我完全不懂备案和审核要求，TRAE 帮我按微信小程序隐私协议规范写了完整的中英双语隐私政策
-
做 HTML Demo 的时候更直接——我把小程序的 wxml、wxss、ts 发给 TRAE，让它逐页翻译成 HTML/CSS/JS。它一次性生成了手机壳框架、8 个页面、模拟数据、交互逻辑，我只需要微调细节。
-
最大的感受是： TRAE 让"有想法但不会写代码"这件事不再是障碍。 我负责想清楚要什么，它负责实现，遇到不懂的技术名词问一句就明白了。
1. Demo 简介
-
是什么：微信小程序（真实产品）+ 交互式 HTML Demo（评审体验版）。Kinora 是一个家庭关护感知网络，通过记录、分析和长期观察，帮助家庭理解家人的状态变化轨迹；
-
面向谁：异地工作的子女、独居老人家庭、长期心理健康管理家庭、慢病及康复家庭，以及所有希望更了解家人状态变化的人群；
-
主要功能：
-
① 首页数据看板 — 雷达图、趋势胶囊图与维度卡片 六维度雷达图用平滑圆角曲线展示家人当前状态；趋势胶囊图将每天的感受记录按"很高/高/中/低/很低"五档统计堆叠，点击某天的胶囊可联动雷达图切换数据，7天/14天/30天可切换；下方维度卡片展示每个维度的分数、7天迷你柱状图和等级标签。配合 AI 洞察卡片，自动识别提升、下滑、稳定的维度并给出趋势分析。
-
② 家庭关护网络 — 多人协同记录与时间线 创建家庭后获得邀请码，家人（子女、护工、邻居等）加入后可多人协同记录。每个人都可以记录感受、行动、事件，所有记录自动汇总到时间线，按日期分组排列，支持按类型筛选。首页雷达图、趋势图、统计卡片实时反映全家人的记录数据，点击胶囊可查看任意一天的详情。
-
③ 三种记录类型与数据洞察 — 覆盖日常关护全场景 感受记录：六维度滑杆评分，拖动即更新数值和等级；行动记录：勾选今天完成的关护行动（服药、散步、进食等），按维度分类；事件记录：记录健康、情绪、社交等事件。三种记录都会进入趋势分析和时间线，帮助家庭从碎片化信息中发现长期变化趋势——不是评价一个人"有没有问题"，而是让关心被看见，让陪伴留下痕迹。
2. Demo 创作思路
-
灵感来源：
很多人做产品，是因为发现了一个市场。
而我做 Kinora，是因为一个人。
那个人是我爸爸。
我发现，当一件不可置信的事情发生，我竟然一点感觉都没有的时候，我哭了。几周后当我平复心情，我发现真正侵入家庭骨髓的，不是某一天发生了一件大事让我们措手不防，而是藏在那些每天都很细微的变化里：
今天是不是又没出门？ 最近是不是越来越少和别人聊天？ 是不是开始每天都看电视？ 是不是睡得越来越晚？
这些变化，每一件都很小，但如果把时间拉长，它们可能就是一个人的生活轨迹。
后来我发现，这种情况不仅发生在老人身上。抑郁症患者、长期康复的人、独居青年、异地恋情侣、长期在外工作的子女……很多关系里，都存在同一个问题：真正关心一个人的人很多，但这些关心从来没有被连接起来。
妈妈知道一点。儿子知道一点。朋友知道一点。邻居知道一点。医生知道一点。
但没有人真正拥有一幅完整的生活画像。
于是，我开始思考：如果有一个产品，不去判断一个人有没有问题，也不去给任何人贴标签，而只是帮助一个家庭，把每天那些细小的变化记录下来，是否能帮助家庭更早关注和发现一些变化。 -
想解决的问题：目前大多数家庭主要依赖电话、微信聊天、视频沟通来了解彼此状态。但这些方式往往碎片化、主观化，家庭成员很难看见长期变化趋势，也很难及时发现潜在风险。很多变化最终只能依赖运气被发现。
-
为什么做这个方向：
这个方向借鉴了欧洲、日本等国家在老龄化护理上踩过的坑——不聚焦于"解决问题"（因为发生后很难再改变），而是着重于信息的收集、同步、跟进、评估、建议，帮助家人更早看见变化、更早干预。
Kinora 不是一个医疗产品。它也不是一个心理测评工具。它更像一本家庭共同书写的生活记录。
每个人都可以记录今天发生的一件小事。记录一次散步。记录一次聚餐。记录一次情绪。记录一次看病。记录一次药物调整。
这些记录不会告诉你"你生病了"。它只会慢慢告诉你：
最近，他比以前更愿意和别人聊天了。 最近，她已经连续很多天坚持散步。 最近，有越来越多的人在关心他。
在开发过程中，我们也曾走过弯路。比如曾经想过做情绪评分，但后来意识到这容易让产品走向医疗方向，于是重新设计成生活记录。也曾想过只服务抑郁症群体，但后来发现，真正需要的不是一个疾病工具，而是一个能够帮助家庭共同理解彼此的产品。
核心理念是：风险不是一个瞬间，而是一条长期变化轨迹。真正改变人的不是 AI，而是人与人的连接。
我一直相信，理解一个人，不应该只看某一天。真正重要的是时间。所以 Kinora 没有试图评价任何人，而是帮助家庭看见那些随着时间慢慢发生的变化。
真正重要的，不是记录数据，而是让关心被看见，让陪伴留下痕迹。
3. Demo 体验地址
-
交互式可体验的HTML格式文件，请见附件，文件名：kinora-demo.zip，附件：
kinora-demo.html.zip (21.3 KB) -
解压后双击 kinora-demo.html 即可在浏览器中体验
-
模拟了手机壳环境，包含登录→创建家庭→首页→记录→时间线→关护网络→我的 全流程
-
支持滑动评分、切换日期、点击趋势胶囊联动雷达图等交互
-
微信小程序操作视频：
见链接：
https://www.bilibili.com/video/BV1KdM566EpQ/?spm_id_from=333.1387.homepage.video_card.click&vd_source=a71f792e1f19d21fc8c89a0808c11d57 -
ios app操作视频：
见链接：
https://www.bilibili.com/video/BV1AcML6TEjJ/?spm_id_from=333.1387.homepage.video_card.click&vd_source=a71f792e1f19d21fc8c89a0808c11d57
4. TRAE 实践过程
- 清晰展示用 TRAE 完成 Demo 开发的完整流程；
- 需求梳理与创意提案：在 TRAE 中描述家庭关护的痛点和想法，让 AI 帮我梳理出六维度感知模型和产品架构，就是报名时候的html。
- 小程序开发app&HTML DEMO双线开发：
微信小程序：用 TRAE IDE 创建微信小程序项目，从数据库设计到 UI 组件到云函数，全程对话式开发 
HTML Demo 制作：将小程序代码导入 TRAE，让它逐页翻译成可交互的 HTML 版本，用于比赛评审体验 - 隐私政策与备案：TRAE 帮我按微信小程序规范写了隐私政策，并指导了 ICP 备案和提审流程
- 在开发过程中，我几乎全程使用 AI 协作完成产品设计与开发。从最初的产品定位、功能规划、交互设计，到视觉风格、小程序实现，我不断和 AI 讨论、推翻、重建。很多方案都不是第一次就确定的。
例如，我们曾经想过做情绪评分，但后来意识到，这容易让产品走向医疗方向，于是重新设计成生活记录。我们也曾想过只服务抑郁症群体，但后来发现，真正需要的不是一个疾病工具，而是一个能够帮助家庭共同理解彼此的产品。 - 附kinora-demo开发关键步骤截图；
seesion id：4144509668307616:c209b1c85c65223aa71fe874e76505f7_6a3e3028cb9ac9316ca4f64f.6a4bd8fcf6f7c52ab0ba2837.6a4bd8fcf6f7c52ab0ba2835:TRAE Work CN.0.1.29.no_sid.no_ppe.T(2026/7/7 00:34:04)
seesion id：4144509668307616:44c2d88179020551acbccbbde74f3cc8_6a3e3028cb9ac9316ca4f64f.6a4bd9cff6f7c52ab0ba287e.6a4bd9cff6f7c52ab0ba287c:TRAE Work CN.0.1.29.no_sid.no_ppe.T(2026/7/7 00:37:35)
seesion id：
4144509668307616:f34e0fd60e06946ceb1649c2df07df09_6a3e3028cb9ac9316ca4f64f.6a4be359f6f7c52ab0ba2966.6a4be359f6f7c52ab0ba2964:TRAE Work CN.0.1.29.no_sid.no_ppe.T(2026/7/7 01:18:17)
5. 对应的报名审核通过的帖子链接
报名帖子链接：【社会服务】｜KinSee — 帮助家人更早注意到变化
注意：我改了名称从kinsee改为了kinora，因为“kinora”对应中文名称“亲络”更好一些。