AI 个人装修助手产品系统Vibe Coding

打造面向广大家装刚需业主的 AI 个人装修助手 Web 应用，覆盖前期方案规划、预算核算、选材比价、施工进度管理、避坑知识查询等全流程场景，为普通家庭实现轻量化、一站式线上智能装修工具服务，降低家装信息差与决策难度。

已实现功能
1. 首页 / 仪表盘
清新现代的 UI 设计，采用米白 + 原木色 + 墨绿色配色
顶部导航栏：Logo、首页、户型解析、风格设计、预算测算、选材避坑、施工管理、AI 顾问
首屏大标题 + 核心功能卡片入口
底部 footer
2. 户型 AI 智能解析模块
支持拖拽上传和点击上传户型图
上传后展示预览图
AI 识别按钮，点击后显示加载动画（模拟 AI 识别过程）
识别结果展示：生成标准化 2D 户型平面图（SVG 绘制）
空间分区标注：客厅、卧室、厨房、卫生间、阳台、玄关等
支持点击选择房间
显示识别出的户型数据：总面积、房间数、朝向、户型结构
3. AI 全屋风格设计模块
两种生成模式：文字描述生成 / 图片参考生成
风格选择：现代简约、奶油风、新中式、轻奢、原木风、工业风、复古风
空间选择：全屋 / 客厅 / 卧室 / 厨房 / 卫生间 / 阳台
生成按钮 + 加载动画
结果展示：4 张装修效果图网格布局
每张图可点击放大查看
4. 智能装修预算测算模块
输入表单：户型面积、装修档次（简装 / 精装 / 豪装）、城市、房屋类型
自动计算总预算，显示大字结果
分项明细：硬装、软装、水电、瓷砖、柜体、家电、人工费用（进度条展示占比）
预算调节滑块：调整材料档次实时更新总价
省钱方案推荐列表
5. 选材 & 避坑知识库
分类标签：瓷砖、地板、乳胶漆、橱柜、卫浴
材料卡片列表：名称、价格区间、环保等级、优缺点标签
装修避坑指南列表（折叠卡片形式）
环保检测建议专区
6. 施工流程管理
标准装修工期时间轴展示：拆改→水电→瓦工→木工→油漆→安装→软装
每个阶段显示：预计天数、任务清单、验收标准
整体进度条
阶段状态标记：已完成、进行中、待开始
7. AI 问答专属顾问
聊天界面样式
常见问题快捷按钮：报价咨询、材料推荐、合同避坑、施工问题
预设装修相关的智能回答

技术特点
使用 Next.js 16 + React 19 + TypeScript 5
采用 shadcn/ui 组件库
响应式设计，支持移动端和桌面端
温馨自然的 UI 风格，符合家居装修调性
所有功能使用 mock 数据实现
代码已通过静态检查和类型检查