某城市AI数字社工(智能体)项目产品系统Vibe Coding

我要开发同款
真理undefined2026年05月20日
17阅读

技术信息

语言技术
HTML5CSSVueTypeScriptElementUI
系统类型
WebH5
行业分类
政务

作品详情

行业场景

基层社区治理中,社工日常面临大量重复性政策咨询、居民服务对接和事项办理工作,人工处理效率低、响应不及时、服务覆盖不均。本项目旨在通过AI智能体技术替代传统人工应答模式,为街道社区服务中心提供7×24小时智能问答、服务引导和事项办理能力,推动基层治理数字化转型,提升居民服务满意度与社工工作效率。

功能介绍

项目整体包含Web客户端、H5客户端及后台管理端。我负责的两个客户端涵盖五大核心模块:政策问答模块基于大模型知识库实现居民政策咨询的智能问答;诉求办理助手通过多轮对话引导社工或居民完成诉求填报,并输出格式化的完整处置指引文档;智能通知模块支持设置定时短信与电话通知任务,由AI自动生成话术并调用TTS语音合成;社区一本账实现知识库文件的上传、分类管理与权限控制;诉求办理库对历史办理对话进行归档、检索与回溯。Web端与H5端复用核心逻辑与后端接口,实现PC办公与移动服务无缝衔接。

项目实现

我负责Web客户端与H5客户端前端的大部分开发工作,采用Vue 3 + Vite + TypeScript+Element Plus+Vant技术栈从零搭建,通过组件化设计实现双端核心逻辑复用。具体任务包括:政策问答与诉求办理助手的多轮对话界面开发,实现流式输出(SSE)与打字机效果的实时渲染;诉求办理助手的结果页采用动态表单渲染格式化处置指引文档;智能通知模块集成AI话术生成与TTS预览功能,支持定时任务的可视化配置;社区一本账与诉求办理库实现文件管理、对话归档及检索列表。项目采用vibe coding模式快速迭代,难点在于大模型流式响应的实时渲染与异常降级处理、H5端Vant组件适配与触摸交互优化,以及双端UI差异化适配,最终实现了流畅的智能对话体验与稳定的跨端表现。

示例图片

声明:本文仅代表作者观点,不代表本站立场。如果侵犯到您的合法权益,请联系我们删除侵权资源!如果遇到资源链接失效,请您通过评论或工单的方式通知管理员。未经允许,不得转载,本站所有资源文章禁止商业使用运营!
下载安装【程序员客栈】APP
实时对接需求、及时收发消息、丰富的开放项目需求、随时随地查看项目状态

评论