AI代理竞技场⚾
一个具有棒球队主题界面的协作式AI代码审查系统。观察你的人工智能代理审查代码、讨论发现并综合改进——所有这些都可视化为交互式棒球卡！
特性
🎴 棒球卡代理可视化
- 真实设计：带有球队位置的复古棒球卡造型
- 3D卡片翻转：单击可在统计数据（前）和控件（后）之间切换
- 团队名单:
- ⚾ 经理 -产品负责人/协调人 - ⭐ 船长 -开发负责人（技术负责人） - 🥎 游击手 -SyntaxCop（语法与逻辑） - ⚾ 投手 -StyleGuru（代码风格） - 🧤 后备方案 -SecuritySentinel（安全审计）
🔄 实时仪表板
- 通过Socket实时更新WebSocket。输入
- 查看代理统计数据、功能和当前任务
- 动态启用/禁用代理
🤖 多代理代码审查（即将推出）
- 基于专业角色的个人代理审核
- 小组讨论模拟
- 团队负责人的共识综合
- 迭代式快速细化
技术栈
后端：
- Node.js+TypeScript
- Express+Socket。输入
- MCP（模型上下文协议）服务器
- OpenAI API（用于审核编排）
前端：
- React+TypeScript+Vite
- 顺风CSS
- 帧运动（动画）
- 插座。IO客户端
入门指南
先决条件
- Node.js 18+
- npm或纱线
安装
- 安装依赖项：
npm install
cd client && npm install && cd ..- 构建后端：
npm run build- 启动后端服务器：
node dist/index.js后端运行 http://localhost:3000
- 启动前端开发服务器：
cd client
npm run dev前端继续运行 http://localhost:5173
- 打开仪表板：
导航至 http://localhost:5173 在浏览器中
项目结构
ai-pow-wow/
├── src/ # Backend TypeScript source
│ ├── index.ts # MCP server entry point
│ ├── dashboard.ts # Dashboard WebSocket server
│ ├── types.ts # Shared type definitions
│ └── orchestrator.ts # Review orchestration logic
├── client/ # Frontend React app
│ ├── src/
│ │ ├── App.tsx # Main dashboard
│ │ ├── components/ # React components
│ │ │ └── AgentCard.tsx # Baseball card component
│ │ └── hooks/ # Custom React hooks
│ └── package.json
├── dist/ # Compiled backend (gitignored)
└── package.json # Backend dependencies用法
查看代理卡
- 主仪表板上显示卡片
- 悬停 在卡片上露出翻转按钮
- 点击 翻转图标以查看带有控件的卡片背面
管理代理
使用MCP客户端工具：
// Enable/disable an agent
await client.callTool("configure_reviewer", {
name: "SecuritySentinel",
action: "enable" // or "disable"
});
// Add a new agent
await client.callTool("configure_reviewer", {
name: "PerformanceOptimizer",
action: "add",
focus: "Performance & Optimization",
systemPrompt: "You are a performance expert..."
});路线图
- \[x\] 带有翻转动画的棒球卡用户界面
- \[x\] 实时代理管理
- \[x\] WebSocket仪表板
- \[\]基于人工智能的评论编排
- \[\]小组讨论模拟
- \[\]快速细化工作流程
- \[\]回顾历史和分析
许可证
ISC
贡献
欢迎投稿！请打开问题或PR。