AI导哈

AI开发工具

AI驱动的开发工具，集成浏览器监控、智能日志记录和MCP服务器，适用于Web开发项目。

  • by elsigh
  • TypeScript
  • 本地部署
  • 1 星标
  • 更新于
在 GitHub 查看 elsigh/next-ai-dev

使用说明

人工智能开发

人工智能驱动的开发工具，具有浏览器监控、智能日志记录和模型上下文协议（MCP）服务器集成功能。旨在与Claude等AI助手无缝协作，用于任何web开发项目。

特性

🤖 AI助手集成 -用于Claude和其他AI工具的内置MCP服务器
🔍 智能浏览器监控 -自动捕获控制台日志、网络请求和错误
📊 统一日志记录 -带有时间戳的交错服务器和浏览器日志
⚡ 一个命令设置 -在Next.js应用程序中自动安装MCP路由
🧹 干净的配置文件 -用于开发的独立浏览器配置文件

快速开始

安装和设置

# Install the package globally
npm install -g aidev

# Or use directly with npx
npx aidev start

开始开发

# Start AI-enhanced development environment
aidev start

这将：

  • 启动Next.js开发服务器
  • 启动带有监控功能的浏览器
  • 在以下位置创建统一日志 ./ai-dev-tools/consolidated.log
  • 为MCP工具提供服务 http://localhost:3684/api/mcp/http

面向人工智能助理的MCP工具

一旦运行，AI助手就可以使用这些工具：

  • read_consolidated_logs -使用可选筛选读取最近的开发日志
  • search_logs -使用上下文行在日志中搜索正则表达式
  • get_browser_errors -从指定时间段提取浏览器错误

访问这些工具： http://localhost:3684/api/mcp/http

需求

  • Node.js 18+
  • 铬/铬 浏览器（通过Playwright自动安装）

运作原理

  1. 发展：启动您的开发服务器+浏览器监控+MCP服务器
  2. 人工智能集成：为智能日志分析提供独立的MCP服务器
  3. 无设置：适用于任何web开发项目

已创建文件结构

your-project/
├── ai-dev-tools/
│   ├── chrome-profile/               # Isolated browser profile
│   └── consolidated.log              # Unified development logs
└── (MCP server runs separately on port 3001)

命令

# Start development environment  
aidev start [options]
# or
npx aidev start [options]

# Options:
#   -p, --port <port>              Dev server port (default: 3000)
#   --mcp-port <port>              MCP server port (default: 3684)
#   --server-command <command>     Custom server command (default: pnpm dev)
#   --profile-dir <dir>            Chrome profile directory
#   --log-file <file>              Log file path

日志格式

[2025-08-30T12:54:03.033Z] [SERVER] Ready on http://localhost:3000
[2025-08-30T12:54:03.435Z] [BROWSER] [CONSOLE LOG] App initialized  
[2025-08-30T12:54:03.602Z] [BROWSER] [NETWORK REQUEST] GET http://localhost:3000/api/data
[2025-08-30T12:54:03.820Z] [BROWSER] [NAVIGATION] http://localhost:3000/dashboard

许可证

麻省理工学院

相关 MCP