Files
multiAgentTry/frontend
Claude Code dc398d7c7b 完整实现 Swarm 多智能体协作系统
- 新增 CLIPluginAdapter 统一接口 (backend/app/core/agent_adapter.py)
- 新增 LLM 服务层,支持 Anthropic/OpenAI/DeepSeek/Ollama (backend/app/services/llm_service.py)
- 新增 Agent 执行引擎,支持文件锁自动管理 (backend/app/services/agent_executor.py)
- 新增 NativeLLMAgent 原生 LLM 适配器 (backend/app/adapters/native_llm_agent.py)
- 新增进程管理器 (backend/app/services/process_manager.py)
- 新增 Agent 控制 API (backend/app/routers/agents_control.py)
- 新增 WebSocket 实时通信 (backend/app/routers/websocket.py)
- 更新前端 AgentsPage,支持启动/停止 Agent
- 测试通过:Agent 启动、批量操作、栅栏同步

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
2026-03-09 17:32:11 +08:00
..

Swarm Command Center

Sci-Fi 风格的多智能体协作系统前端界面。

技术栈

  • React 18 - UI 框架
  • TypeScript - 类型安全
  • Vite - 构建工具
  • Tailwind CSS - 样式框架
  • Lucide React - 图标库

开发

# 安装依赖
npm install

# 启动开发服务器
npm run dev

# 构建生产版本
npm run build

设计系统

颜色

  • 主色: Cyan #00f0ff
  • 辅助: Purple #8b5cf6
  • 成功: Green #00ff9d
  • 警告: Amber #ff9500
  • 错误: Pink #ff006e

字体

  • Orbitron - 标题/显示字体
  • Noto Sans SC - 中文正文字体
  • JetBrains Mono - 代码/数据字体
  • Rajdhani - 辅助字体

组件

  • Header - 顶部导航栏
  • TaskInput - 任务输入组件
  • AgentStatusCard - 智能体状态卡片
  • DiscussionCard - 讨论区卡片
  • StatisticsCard - 统计数据卡片
  • WorkflowCard - 工作流卡片
  • MeetingProgressCard - 会议进度卡片
  • ResourceMonitorCard - 资源监控卡片
  • ConsensusCard - 共识状态卡片
  • BarrierSyncCard - 屏障同步卡片
  • RecentMeetingsCard - 最近会议卡片
  • ActionBar - 操作栏

布局

采用 Bento Grid 响应式布局:

  • 桌面端 (1400px+): 6 列
  • 平板端 (768px-1400px): 4 列
  • 移动端 (<768px): 1 列