优化项目配置和页面结构
- 更新settings.local.json，移除冗余的权限设置，添加新的Playwright相关权限。 - 删除exhibition_demo_project_2025.md文档，清理不再使用的文件。 - 更新多个HTML页面，统一viewport设置，添加页面加载动画、错误处理和性能优化脚本。 - 统一使用Tailwind CSS的引入方式，提升页面加载性能。 - 增强导航组件，支持移动端菜单和返回顶部功能，改善用户体验。
This commit is contained in:
Yep_Q
82
.serena/memories/duoduo_agent_design_system.md
Normal file
82
.serena/memories/duoduo_agent_design_system.md
Normal file
@@ -0,0 +1,82 @@
|
||||
# Duoduo Agent 智能设计系统
|
||||
|
||||
## 系统概述
|
||||
Duoduo Agent是一个AI驱动的展会布局设计系统，通过深度学习实现从需求到方案的智能转化。
|
||||
|
||||
## 核心能力
|
||||
|
||||
### 1. 技术指标
|
||||
- **交付时间**：20小时（传统2周）
|
||||
- **设计准确率**：95%
|
||||
- **成本节约**：80%
|
||||
- **一次通过率**：95%
|
||||
- **规范符合率**：99.9%
|
||||
|
||||
### 2. 设计流程
|
||||
|
||||
#### 阶段1：智能空间分析
|
||||
- NLP需求解析
|
||||
- 3D空间建模
|
||||
- 规范自动校验
|
||||
- 遗传算法优化
|
||||
- 处理时间：30秒
|
||||
|
||||
#### 阶段2：智能设计生成
|
||||
- 并行生成5-10个方案
|
||||
- 品牌VI风格迁移
|
||||
- 实时成本控制
|
||||
- 蒙特卡洛人流仿真
|
||||
- 处理时间：15分钟
|
||||
|
||||
#### 阶段3：数字孪生建模
|
||||
- 物理环境仿真
|
||||
- VR沉浸式预览
|
||||
- 8K超高清渲染
|
||||
- 实时光线追踪
|
||||
- 材料真实映射
|
||||
|
||||
#### 阶段4：完整交付
|
||||
- CAD施工图纸
|
||||
- 精确物料清单
|
||||
- 分步施工指南
|
||||
- 透明预算报表
|
||||
- 100%可执行率
|
||||
|
||||
## 技术架构
|
||||
|
||||
### 深度学习引擎
|
||||
- 10万+展会案例训练
|
||||
- 知识图谱匹配
|
||||
- 多目标优化求解
|
||||
- 实时迭代优化
|
||||
|
||||
### 设计工具集成
|
||||
- AutoCAD 2024
|
||||
- 3DS Max + V-Ray
|
||||
- Revit BIM协同
|
||||
- 5000+ PBR材质库
|
||||
|
||||
### 智能算法
|
||||
- 空间利用率优化
|
||||
- 人流动线模拟
|
||||
- 成本效果平衡
|
||||
- 消防建筑规范校验
|
||||
|
||||
## 成功案例
|
||||
- 500+ 展会项目
|
||||
- 50+ 世界500强客户
|
||||
- 20+ 国家级展会
|
||||
- 98% 客户满意度
|
||||
|
||||
## 竞争优势
|
||||
|
||||
1. **精准度高**：基于海量数据持续优化
|
||||
2. **快速迭代**：实时修改，秒级响应
|
||||
3. **成本可控**：智能材料选择，预算监控
|
||||
4. **合规保障**：自动对标国家标准
|
||||
|
||||
## API集成
|
||||
- RESTful API接口
|
||||
- 企业系统无缝对接
|
||||
- 24/7实时服务
|
||||
- 多格式文件导出
|
||||
@@ -1,69 +0,0 @@
|
||||
# 会展策划多Agent演示系统项目 - 2025-09-08
|
||||
|
||||
## 项目概述
|
||||
构建一个基于React的Web演示系统，实时展示多Agent协同生成会展策划方案的完整过程。
|
||||
|
||||
## 技术栈决策
|
||||
- **框架**: React 18 + TypeScript
|
||||
- **动画**: Framer Motion + CSS Animations
|
||||
- **样式**: Tailwind CSS (参考字节跳动、Flowith、Raycast设计风格)
|
||||
- **状态管理**: Zustand
|
||||
- **构建工具**: Vite
|
||||
|
||||
## 项目文件结构
|
||||
```
|
||||
web_frontend/
|
||||
├── data/
|
||||
│ ├── Agent_prompt/ # 7个专业Agent的prompt文档
|
||||
│ │ ├── 信息检索专家.md
|
||||
│ │ ├── 格式编辑专家.md
|
||||
│ │ ├── 会展策划专家.md
|
||||
│ │ ├── 设计师专家.md
|
||||
│ │ ├── 财务预算专家.md
|
||||
│ │ ├── 活动执行专家.md
|
||||
│ │ └── 营销宣传专家.md
|
||||
│ └── 会展策划/
|
||||
│ └── 汽车展会展策划案_DEMO.md # 演示输出文档
|
||||
├── doc/
|
||||
│ ├── 可行性分析.md # 技术实施方案
|
||||
│ └── 会展策划工作流.md # n8n工作流程图
|
||||
└── exhibition-demo/ # React演示系统
|
||||
```
|
||||
|
||||
## 演示参数
|
||||
- **总时长**: 3分钟
|
||||
- **文字生成速度**: 30-40字/秒
|
||||
- **Agent Prompt展示**: 完整展示，逐步显示
|
||||
- **交互控制**: 暂时不支持跳过，保证演示完整性
|
||||
|
||||
## 内容板块（6个独立页面）
|
||||
1. 策划案
|
||||
2. 展会介绍与预期效果
|
||||
3. 营销方案
|
||||
4. 现场运营方案
|
||||
5. 预算与收益分析
|
||||
6. 风险评估与应急预案
|
||||
|
||||
## 演示流程设计
|
||||
1. 初始页面：展示Run按钮
|
||||
2. 点击Run：开始执行mermaid流程
|
||||
3. 每个Agent独立输出：
|
||||
- 显示Agent头像和名称
|
||||
- 展示Agent的Prompt
|
||||
- 逐字生成文字内容（打字机效果）
|
||||
- 图片加载时显示loading动画
|
||||
4. 生成完成后自动切换到下一个页面
|
||||
|
||||
## 设计风格
|
||||
- **视觉风格**: 简洁实用、年轻化、高端感
|
||||
- **参考产品**: 火山引擎、Trea、Flowith、Raycast
|
||||
- **核心特征**:
|
||||
- 精致的微动画
|
||||
- 清晰的信息层级
|
||||
- 中性色调搭配品牌色
|
||||
- 优雅的过渡效果
|
||||
|
||||
## Git分支管理
|
||||
- **Main**: 主分支（已同步到Gitea）
|
||||
- **My_N8N**: n8n中文翻译功能
|
||||
- **Web_Create**: AgentDemo演示系统开发（当前分支）
|
||||
86
.serena/memories/exhibition_web_frontend_2025.md
Normal file
86
.serena/memories/exhibition_web_frontend_2025.md
Normal file
@@ -0,0 +1,86 @@
|
||||
# 展会Web前端项目记忆 - 2025年更新
|
||||
|
||||
## 项目概览
|
||||
- 项目路径：`/web_frontend/web_result/`
|
||||
- 主题：新能源汽车产业博览会（NEVIT 2024）
|
||||
- 技术栈：HTML5 + Tailwind CSS + GSAP动画 + Vue组件化
|
||||
|
||||
## 核心页面结构
|
||||
|
||||
### 1. 导航系统 (nav-component.js)
|
||||
- 统一导航组件，自动适配页面路径
|
||||
- 导航顺序：首页 → 展会概览 → 展览内容 → 布局设计 → 营销推广 → 预算分析 → 风险评估
|
||||
- 移动端响应式菜单
|
||||
|
||||
### 2. 布局设计页面 (operation.html) - 重点页面
|
||||
**主题**：AI驱动的展会布局设计系统
|
||||
|
||||
**页面结构**：
|
||||
1. Hero区：AI布局设计介绍，关键指标展示
|
||||
2. AI设计原理：三步流程（需求理解→方案生成→智能优化）
|
||||
3. Duoduo Agent系统：5阶段横向滚动展示
|
||||
- 智能空间分析
|
||||
- 智能设计生成
|
||||
- 数字孪生建模
|
||||
- 完整交付方案
|
||||
4. 设计工具链：CAD、3D建模、BIM协同、智能算法
|
||||
5. 成功案例展示
|
||||
|
||||
**技术特点**：
|
||||
- GSAP ScrollTrigger横向滚动
|
||||
- 深色主题设计系统
|
||||
- Glass morphism效果
|
||||
- 性能优化（避免过度动画）
|
||||
|
||||
### 3. 图片资源
|
||||
- 路径：`/web_frontend/web_result/data/会展策划/image/`
|
||||
- 页面引用：`../data/会展策划/image/`
|
||||
- 主要图片：Whisk系列JPG文件
|
||||
|
||||
## 设计系统
|
||||
|
||||
### 颜色变量
|
||||
```css
|
||||
--bg-primary: #0a0a0a;
|
||||
--bg-secondary: #111111;
|
||||
--accent: #646cff;
|
||||
--text-primary: #ffffff;
|
||||
--text-secondary: #a1a1aa;
|
||||
```
|
||||
|
||||
### 关键样式
|
||||
- Glass效果：`bg-white/5 backdrop-blur-lg border-white/10`
|
||||
- 渐变文字：`gradient-text` (emerald到blue渐变)
|
||||
- 卡片悬浮：`hover:transform hover:scale-105`
|
||||
|
||||
## 常见问题及解决方案
|
||||
|
||||
### 1. 图片路径
|
||||
- 从pages目录访问：使用`../data/`而非`../../data/`
|
||||
- 缺失图片替换：使用备用的Whisk系列图片
|
||||
|
||||
### 2. GSAP滚动优化
|
||||
- 避免滚动结束跳动：使用精确的end计算
|
||||
- 性能优化：减少will-change使用，避免过度动画
|
||||
- 移动端适配：使用matchMedia区分处理
|
||||
|
||||
### 3. 导航栏统一
|
||||
- 所有页面引入nav-component.js
|
||||
- 自动处理路径差异（首页vs子页面）
|
||||
- 统一样式和交互
|
||||
|
||||
## 开发规范
|
||||
|
||||
1. **性能优先**：避免过度动画和复杂效果
|
||||
2. **响应式设计**：移动端优先，渐进增强
|
||||
3. **组件复用**：导航、返回顶部等通用组件
|
||||
4. **图片优化**：使用lazy loading，合理压缩
|
||||
5. **代码组织**：JS组件化，CSS模块化
|
||||
|
||||
## 最近更新 (2025-01-09)
|
||||
|
||||
1. 重构operation.html为AI布局设计主题
|
||||
2. 优化GSAP横向滚动性能
|
||||
3. 修复图片路径问题
|
||||
4. 统一导航组件系统
|
||||
5. 实现深色主题设计语言
|
||||
Reference in New Issue
Block a user