cc390fc756
- 添加导航栏组件及直播回放按钮 - 实现视频播放模态框 - 配置赛博朋克风格主题 - 添加课程首页和课程页面 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
1.1 KiB
1.1 KiB
项目概述
项目目的
这是一个多Agent协作系统的教学网站项目，原本是PLC教学网站，现已转换为专注于IT运维风格的多Agent系统课程教学平台。
技术栈
- 前端框架: React 18.2.0 + TypeScript 4.9.5
- 路由: React Router DOM 6.20.1
- 动画库: Framer Motion 12.19.2
- 拖拽库: @dnd-kit/core 6.3.1, react-beautiful-dnd 13.1.1
- 样式: Tailwind CSS 3.3.6 + 自定义CSS
- 构建工具: React Scripts 5.0.1
项目结构
src/components/- 可复用组件pages/- 页面组件course/- 课程相关页面
assets/- 静态资源
public/- 公共静态资源tailwind.config.js- Tailwind配置tsconfig.json- TypeScript配置
课程内容
基于课程讲义.md，包含7大模块：
- 多Agent系统基础
- Agent角色设计
- Agent间通信机制
- 协作与任务管理
- 中央协调与管理
- 实际应用架构
- A2A协议案例讲解
设计风格
- IT运维风格（IT风）
- 深蓝主色调 (#0f172a)
- 青色辅助色 (#0891b2)
- 绿色强调色 (#10b981)
- 玻璃拟态效果
- 流畅动画交互