Files
Agent-n8n/web_frontend/doc/可行性分析.md
Yep_Q 3db7af209c fix: 修复TypeScript配置错误并更新项目文档
详细说明:
- 修复了@n8n/config包的TypeScript配置错误
- 移除了不存在的jest-expect-message类型引用
- 清理了所有TypeScript构建缓存
- 更新了可行性分析文档,添加了技术实施方案
- 更新了Agent prompt文档
- 添加了会展策划工作流文档
- 包含了n8n-chinese-translation子项目
- 添加了exhibition-demo展示系统框架
2025-09-08 10:49:45 +08:00

2.6 KiB
Raw Blame History

会展策划多Agent演示系统 - 技术实施方案

项目定义

构建一个基于React的Web演示系统实时展示多Agent协同生成会展策划方案的完整过程。

技术决策

  • 框架: React 18 + TypeScript
  • 动画: Framer Motion + CSS Animations
  • 样式: Tailwind CSS (参考字节跳动、Flowith、Raycast设计风格)
  • 状态管理: Zustand
  • 构建工具: Vite

演示参数

  • 总时长: 3分钟
  • 文字生成速度: 30-40字/秒
  • Agent Prompt展示: 完整展示,逐步显示
  • 交互控制: 暂时不支持跳过,保证演示完整性

设计风格指南

  • 视觉风格: 简洁实用、年轻化、高端感
  • 参考产品: 火山引擎、Trea、Flowith、Raycast
  • 核心特征:
    • 精致的微动画
    • 清晰的信息层级
    • 中性色调搭配品牌色
    • 优雅的过渡效果

内容板块

网页的Page形式按照一级标题进行独立输出每一个一级标题都是一个独立页面

分为

  • 策划案
  • 展会介绍与预期效果
  • 营销方案
  • 现场运营方案
  • 预算与收益分析
  • 风险评估与应急预案

这个六个页面是必须要创建的

演示流程

  • 可以先出一个页面上面有一个run的按钮
  • 当点击run按钮的时候开始执行mermaid的流程每个流程独立输出对应Agent的Prompt加一些延迟和loading动画让它像终端生成一样生成每个内容的文字内容和图片内容
  • 需要增加文字生成的动画
  • 图片加载的时候需要有loading转圈的动画模拟延迟

整体目标

其实就是仿真模拟出一个多Agent生成各个方案的一个演示动画

页面内容完善

  • 创建一个TODO清单扩展每个一级标题中信息缺失和不完善的部分

  • 让每个板块中的内容更加充实,符合现实业务场景,尽可能多

构建网页规范

  • 在构建网页的时候需要满足参考claude.md中的superdesign规范
  • 现代化网页符合UX设计规范的交互

Agent角色

Agent的角色有

1.信息检索专家:web_frontend/data/Agent_prompt/信息检索专家.md

2.格式编辑专家:web_frontend/data/Agent_prompt/格式编辑专家.md

3.会展策划专家:web_frontend/data/Agent_prompt/会展策划专家.md

4.设计专家:web_frontend/data/Agent_prompt/设计师专家.md

5.财务预算专家:web_frontend/data/Agent_prompt/财务预算专家.md

6.活动执行专家:web_frontend/data/Agent_prompt/活动执行专家.md

7.营销宣传专家:web_frontend/data/Agent_prompt/会展营销宣传专家.md