AI导哈

AI流程构建工具

Mission Control是一款可视化AI流程构建工具，支持拖拽节点创建自动化工作流，适用于移动端和网页端，并与Claude Code集成。

  • by nnm2602
  • JavaScript
  • 本地部署
  • 更新于
在 GitHub 查看 nnm2602/mission-control-mcp

使用说明

任务控制

用于创建自动化工作流程的可视化AI管道构建器。拖放节点以构建AI自动化。可在移动设备（iOS/Android）和网络上运行，集成了Claude Code。

快速开始

npm install
npm start

Open Expo打开手机扫描二维码，或跑步 npm run web 对于浏览器。

需要设置

在使用此功能之前，您需要：

  1. 实现任务控制端点的后端API（请参阅 配置.md)
  2. 配置的环境变量：
cp .env.example .env
# Edit .env with your API URL and user ID

特性

可视化编辑器

  • 拖放界面
  • 无限画布
  • 实时连接
  • 云同步

节点类型

  • 🤖 AI 代理 -运行AI模型
  • 💾 记忆 -数据库操作
  • 📊 数据源 -API连接

Claude代码集成

  • 通过与Claude聊天创建管道
  • 5个用于自动化的MCP工具
  • 程序化管道管理

用法

移动应用程序

npm start          # Development with Expo Go
npm run ios        # iOS simulator
npm run android    # Android emulator
npm run web        # Browser

MCP服务器

对于Claude Code集成，请添加 ~/.config/Claude/claude_desktop_config.json:

{
  "mcpServers": {
    "mission-control": {
      "command": "node",
      "args": ["/absolute/path/to/server.js"],
      "env": {
        "API_BASE_URL": "https://your-api.com/api"
      }
    }
  }
}

然后重新启动Claude Code，让它为您创建管道。

建筑管道

在应用程序中

  1. 点击“新建管道”
  2. 添加节点（AI代理、内存或数据源）
  3. 配置每个节点
  4. 拖动以连接它们
  5. 保存

与克劳德

问问克劳德：

“创建一个处理用户反馈并保存结果的管道”

以编程方式

mcp__mission-control__inject_pipeline({
  userId: "your-user-id",
  name: "My Pipeline (made by Claude)",
  nodes: [
    { id: "1", type: "memory", x: 24800, y: 25000,
      data: { collection: "input", operation: "read" }},
    { id: "2", type: "ai-agent", x: 25000, y: 25000,
      data: { tools: ["process"], prompt: "Process the data" }},
    { id: "3", type: "memory", x: 25200, y: 25000,
      data: { collection: "output", operation: "write" }}
  ],
  edges: [
    { id: "e1", source: "1", target: "2" },
    { id: "e2", source: "2", target: "3" }
  ]
})

示例工作流

数据处理

[Input DB] → [AI Processor] → [Output DB]

内容审核

[User Posts] → [AI Review] → [Approved Posts]

自动警报

[System Logs] → [AI Detector] → [Notifications]

重要说明

节点坐标

  • 使用平板 x, y 属性（未嵌套 position)
  • 围绕中心 x: 25000, y: 25000
✅ { id: "1", type: "ai-agent", x: 25000, y: 25000, data: {...} }
❌ { id: "1", type: "ai-agent", position: { x: 25000, y: 25000 }, data: {...} }

管道名称

  • 以…结束 " (made by Claude)" 通过MCP创建时

配置

项目结构

mission-control-mcp/
├── App.js                          # Entry point
├── server.js                       # MCP server
├── src/
│   ├── screens/
│   │   ├── PipelineListScreen.js  # Pipeline list
│   │   └── PipelineEditorScreen.js # Visual editor
│   └── services/
│       └── missionControlApi.js    # API client

故障排除

“节点使用嵌套位置对象” 使用 x, y 不 position: { x, y }

“API错误：404” 检查你的 API_BASE_URL 在 .env

MCP没有出现在克劳德身上？ 在配置中使用绝对路径，重新启动Claude Code

应用程序无法启动？

rm -rf node_modules && npm install
npm start -- --clear

许可证

麻省理工学院

作者

Nhat Nam Tran

相关 MCP