
overview
这是一个已上线的作品集项目,用来展示我如何把 AI 能力放进真实客服工作流,而不是只做一个简单聊天机器人。
problem
很多小团队客服信息分散、回复慢,也没有统一的知识库和数据视图。
solution
构建一个集成 CRM、会话收件箱、知识库、AI 回复建议、模板和分析图表的工作台。
key features
演示登录 / 客户 CRM / 三栏会话收件箱 / AI 回复建议 / 知识库 / 数据图表 / 模板管理 / 设置页 / 中英双语 UI
tech stack
Next.js / React / TypeScript / Ant Design / Tailwind CSS / Supabase / Prisma / Vercel AI SDK / DeepSeek/Qwen API / TanStack Query / Zustand
architecture
Next.js App Router 负责页面和 API,Prisma schema 为 Supabase PostgreSQL 做准备,演示模式使用类型安全 mock 数据和 AI fallback。
AI-assisted workflow
AI 会根据客户消息、客户资料和知识库内容生成建议,但客服必须先审核、编辑,再手动发送。
challenges and what I learned
重点学习企业级仪表盘信息架构、AI 安全边界、Ant Design 表格、双语体验和可维护数据结构。
screenshots
可以通过线上演示查看当前界面。