【社会服务赛道】邻里通——AI驱动的智慧社区生活助手
0. 先和大家打个招呼吧 ![]()
-
我是谁:
- 我是一名在职程序员,以代码造新意,用技术改变生活,服务社会。
-
我是怎么用 TRAE 把 Demo 做出来的:
- 第一步创意到方案:基于小区的真实需求,我先用trae solo的work模式将我的初步创意告诉AI,让AI给我建议,通过多轮沟通,让AI给我的创意取一个好听的名字,让AI分析我的创意可以从什么角度来设计功能点,每个功能点可以解决什么场景的问题。trae solo work模式还会通过对话的方式向我提出设计上的漏洞,并给出建议让我选择,分析每个功能可以带来的实际价值。通过和trae solo多轮沟通,最终将创意设计成可落地的方案。这一步让我感受震撼的是,AI考虑的比我周全多了,也比我在公司里面和产品沟通高效多了。
- 第二步方案到demo:产出方案后,我要trae solo帮我将方案做成可交互的demo,产出的第一版中部分功能不符合我的预期,于是我让trae solo直接修改,我列出修改清单,并告诉trae solo如果有不明确的地方请通过提问的方式和我确认。通过几轮修改,最终产出了我想要的demo。这一步让我感受到我应该改变思维:以AI为主,我来辅助AI,而不是让AI辅助我。
1. Demo 简介
-
是什么:邻里通是一个支持手机端和 PC 端访问的响应式网站平台,集成投诉建议、事件跟踪、访客登记等社区治理基础功能,并通过 AI 智能体提供周边服务推荐和客服答疑增值服务。
-
面向谁:核心用户为城市住宅小区的居民和物业管理者(通过管理员角色切换)。居民可提交投诉、投票、查看事件进度、登记访客;物业管理者可处理事件、更新状态、填写处理记录。
-
主要功能:
-
投诉建议 + 民主投票:居民提交投诉建议,其他居民投票赞成,票数达到 5 票自动转为事件跟踪;管理员也可直接转换,确保紧急问题不被遗漏。
-
事件跟踪 + 处理记录:事件全流程可视化,管理员可填写处理记录并修改事件状态(待处理 / 处理中 / 已解决),居民实时查看每一步进展。
-
访客登记 + 二维码通行:业主线上登记访客信息,系统自动生成访客通行二维码,门岗扫码即可核验放行;支持查看访客详情和通行码。
-
AI 智能体:内置周边服务助手(推荐附近维修、保洁等服务)和客服答疑助手(解答物业政策、缴费方式等常见问题)。
-
以下为各功能模块的界面截图:
首页概览 — 小区数据一览 + 最新动态
-
投诉建议 — 投票机制 + 进度追踪
事件跟踪 — 处理记录 + 状态修改
访客登记 — 访客列表 + 详情查看
访客详情 — 完整信息 + 通行二维码
-
2. Demo 创作思路
-
灵感来源:
- 我自己住的小区经常遇到报修无人理、投诉无回音的情况,业主群里每天都有人在问"物业电话多少"“这个事找谁”。更头疼的是访客到访后保安经常不让进,需要反复打电话找业主确认,不但麻烦还容易引发口角纠纷。这些看似琐碎的问题,日积月累会严重影响居住体验和邻里关系。TRAE 的智能体能力正好可以解决信息聚合和智能响应的问题,让社区服务从"人找服务"变成"服务找人"。
-
想解决的问题:
- 投诉渠道碎片化:微信群、电话、口头反映,物业接单后无进度反馈,居民不知道问题处理到哪一步了。
- 访客管理低效:靠手写登记,效率低且信息难追溯;访客到访后保安不让进,反复打电话确认,麻烦且引发纠纷。
- 周边服务信息分散:缺乏基于小区位置的精准推荐,居民找维修、保洁等服务全靠邻居推荐或自己搜索。
- 物业通知缺乏统一入口:常见问题、政策解读散落在各群,居民反复询问同样的问题。
-
为什么做这个方向:
- 社区治理是一个被长期忽视但又和每个人息息相关的领域。大城市的社区物业管理水平参差不齐,居民对透明化、高效化服务的需求强烈。选择做"社区生活助手"而非泛化的智能体产品,是因为这个场景有明确的用户痛点和清晰的 AI 增值点——用 AI 做周边服务推荐和客服答疑,用数字化做投诉跟踪和访客管理,两者结合才能真正提升社区治理效率。技术上选择响应式网站而非小程序,降低了使用门槛,居民无需安装任何应用,打开浏览器即可使用。
3. Demo 体验地址(三选一)
-
交互式可体验的HTML格式文件:
邻里通-demo.html (52.1 KB)
4. TRAE 实践过程
-
清晰展示用 TRAE 完成 Demo 开发的完整流程;
- 整个作品从创意构思到最终交付,全程使用 TRAE 完成。以下是完整的开发流程:
-
创意构思 + 报名帖撰写:在 TRAE 中描述初步创意,通过连续 5 轮追问检验逻辑漏洞,明确产品形态(响应式网站)、目标用户、核心功能和技术方案。最终生成报名帖 DOCX 文档和 HTML 页面。
-
交互 Demo 首版开发:基于报名帖内容,使用 Vue 3 + Tailwind CSS 技术栈,在 TRAE 中一次性生成完整的单文件交互 Demo,包含首页概览、投诉建议、事件跟踪、访客登记、AI 智能体五个核心模块。
-
第一轮迭代 — 投票机制:在 TRAE 中通过 Plan 模式规划修改方案,新增投诉投票功能(赞成票超阈值自动转事件跟踪)、事件跟踪状态筛选、管理员角色切换,并通过浏览器工具逐一验证功能。
-
第二轮迭代 — 事件跟踪 + 访客登记:再次通过 Plan 模式规划修改方案,新增事件跟踪处理记录填写和状态修改功能(管理员操作),修复访客二维码显示 Bug,新增访客详情查看弹窗。同样通过浏览器工具截图验证每个功能点。
-
初赛提交帖整理:使用 TRAE 截取各功能模块的界面截图,并按大赛要求的格式整理为提交帖。
-
- 整个作品从创意构思到最终交付,全程使用 TRAE 完成。以下是完整的开发流程:
-
附开发关键步骤截图(不少于 3 张);
-
附关键任务对话的 Session ID(不少于 3 个),用于证明作品由 TRAE 开发完成。
- CN.4290765575162667:aed357ae6d53f8524f43e9943ef9fff9_6a394c1de0677c22676fb8bd.6a3957aeb8188f40b24cfb8d.6a3957aefef973fa392723c9:TRAE Work CN.1.0.0.1936.4fc2690f-d505-4cd2-9bf6-513159c71a90.no_ppe.T(2026/6/22 23:44:46)
- CN.4290765575162667:eb75d14753252f029334a97a2066004a_6a394c1de0677c22676fb8bd.6a451773f3e669c077a94a5f.6a451773d30064a5ec012beb:TRAE Work CN.1.0.0.1936.4fc2690f-d505-4cd2-9bf6-513159c71a90.no_ppe.T(2026/7/1 21:50:34)
- CN.4290765575162667:fcebf2c959bf35ccaf5787ebb79eb47b_6a394c1de0677c22676fb8bd.6a451f4bf3e669c077a94b4a.6a451f4b2f851d0c8f210d43:TRAE Work CN.1.0.0.1936.4fc2690f-d505-4cd2-9bf6-513159c71a90.no_ppe.T(2026/7/1 22:31:54)
5. 对应的报名审核通过的帖子链接








