vercel-labs/dev3000

What it solves

Developing web applications often involves juggling multiple disconnected streams of information: server logs, browser console errors, network requests, and browser state. For AI coding agents, this is even harder because they lack a unified view of the environment. d3k provides a single, agent-first local web debugging runtime that consolidates all these signals into one timeline and provides a stable, port-free URL for the application.

How it works

d3k acts as a manager for your development server and a monitored browser. It starts your dev server and opens a Chrome browser with a project-specific persistent profile (preserving cookies and login state). It then captures server output, browser console messages, network activity, and user interactions into a unified evidence stream.

It uses a system called "Portless" to provide a stable HTTPS URL (e.g., https://my-app.localhost) that remains constant even if the underlying development port changes, preventing broken callbacks and state loss.

Who it’s for

It is primarily designed for developers using AI coding agents, allowing agents to autonomously drive the browser, inspect unified logs, and debug issues. It also provides a standalone Terminal User Interface (TUI) for human developers who prefer a dashboard view.

Highlights

• Unified Evidence Stream: Combines server logs, browser errors, and network requests into one timeline for easier debugging.
• Agent-First Design: Includes a "d3k skill" that teaches agents how to interact with the runtime, drive the browser, and analyze logs.
• Stable Portless URLs: Provides a stable HTTPS URL that doesn't change when the dev server port changes.
• Persistent Browser Profiles: Maintains project-specific Chrome profiles so that login states and local storage survive across sessions.
• Broad Framework Support: Automatically detects and supports common web frameworks like Next.js, Vite, React, Vue, Svelte, Astro, Django, Flask, FastAPI, and Rails.