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 
              Dev server port (default: 3000)
#   --mcp-port 
              MCP server port (default: 3684)
#   --server-command      Custom server command (default: pnpm dev)
#   --profile-dir             Chrome profile directory
#   --log-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

许可证

麻省理工学院