AI导哈

AI代码审查系统

AI Agent Arena是一个基于棒球队主题界面的协作式AI代码审查系统，提供实时仪表板和交互式棒球卡片可视化功能。

  • by tmdcpro
  • TypeScript
  • 本地部署
  • 1 星标
  • 更新于
在 GitHub 查看 tmdcpro/ai-pow-wow

使用说明

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或纱线

安装

  1. 安装依赖项：

    npm install
cd client && npm install && cd ..

  2. 构建后端：

    npm run build

  3. 启动后端服务器：

    node dist/index.js

    后端运行 http://localhost:3000

  4. 启动前端开发服务器：

    cd client
npm run dev

    前端继续运行 http://localhost:5173

  5. 打开仪表板： 导航至 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。

相关 MCP