dev3000

dev3000

Captures your web app's complete development timeline - server logs, browser events, console messages, network requests, and automatic screenshots - in a unified, timestamped feed for AI debugging.

Stars: 281

Visit
 screenshot

dev3000 captures your web app's complete development timeline including server logs, browser events, console messages, network requests, and automatic screenshots in a unified, timestamped feed for AI debugging. It creates a comprehensive log of your development session that AI assistants can easily understand, monitoring your app in a real browser and capturing server logs, console output, browser console messages and errors, network requests and responses, and automatic screenshots on navigation, errors, and key events. Logs are saved with timestamps and rotated to keep the 10 most recent per project, with the current session symlinked for easy access. The tool integrates with AI assistants for instant debugging and provides advanced querying options through the MCP server.

README:

dev3000

Captures your web app's complete development timeline - server logs, browser events, console messages, network requests, and automatic screenshots - in a unified, timestamped feed for AI debugging.

Quick Start

pnpm install -g dev3000
dev3000

dev3000 CLI

You can also connect claude code to the mcp-server to have it issue commands to the browser.

claude mcp add dev3000 http://localhost:3684/api/mcp/mcp

What it does

Creates a comprehensive log of your development session that AI assistants can easily understand. When you have a bug or issue, Claude can see your server output, browser console, network requests, and screenshots all in chronological order.

The tool monitors your app in a real browser and captures:

  • Server logs and console output
  • Browser console messages and errors
  • Network requests and responses
  • Automatic screenshots on navigation, errors, and key events
  • Visual timeline at http://localhost:3684/logs

dev3000 Logs Viewer

AI Integration

Give Claude your log file for instant debugging:

Read /tmp/dev3000.log

Logs are automatically saved with timestamps in /var/log/dev3000/ (or temp directory) and rotated to keep the 10 most recent per project. The current session is always symlinked to /tmp/dev3000.log for easy access.

Or use the MCP server at http://localhost:3684/api/mcp/mcp for advanced querying:

  • read_consolidated_logs - Get recent logs with filtering
  • search_logs - Regex search with context
  • get_browser_errors - Extract browser errors by time period
  • execute_browser_action - Control the browser (click, navigate, screenshot, evaluate, scroll, type)

Options

dev3000 [options]

  -p, --port <port>         Your app's port (default: 3000)
  --mcp-port <port>         MCP server port (default: 3684)
  -s, --script <script>     Package.json script to run (default: dev)
  --profile-dir <dir>       Chrome profile directory (persists cookies/login state)

Examples:

# Custom port
dev3000 --port 5173

# Persistent login state
dev3000 --profile-dir ./chrome-profile

Made by elsigh

Contributing

We welcome pull requests (PRs) from the community!

Before submitting a PR:

  • Pull the latest changes from main.
  • Run scripts/test-canary.sh to test your feature locally and verify what is already in the canary build.
  • Tip dev3000 --version to verify you're on the canary locally
  • FYI .husky/pre-commit.sh runs pnpm format to apply biome.json rules to all code
  • Please run and test the canary build locally to avoid duplicating work that may already be done.

For Tasks:

Click tags to check more tools for each tasks

For Jobs:

Alternative AI tools for dev3000

Similar Open Source Tools

For similar tasks

For similar jobs