vercel-labs/dev3000

何を解決するか

Webアプリケーションを開発する際、サーバーログ、ブラウザコンソールエラー、ネットワークリクエスト、ブラウザの状態など、複数の断片的な情報ストリームを同時に管理する必要があります。AIコーディングエージェントにとっては、環境の統合的なビューが欠如しているため、さらに困難です。d3kは、すべての信号を1つのタイムラインに統合するエージェント最優先のローカルWebデバッグランタイムを提供し、アプリケーション用の安定したポートフリーURLを提供します。

動作方法

d3kは開発サーバーと監視対象のブラウザを管理する役割を果たします。開発サーバーを起動し、プロジェクト固有の永続的プロファイルを使用してChromeブラウザを開きます（クッキーとログイン状態を保持）。その後、サーバー出力、ブラウザコンソールメッセージ、ネットワーク活動、ユーザー操作を統合されたエビデンスストリームにキャプチャします。

「ポートレス（Portless）」と呼ばれるシステムにより、安定したHTTPS URL（例：https://my-app.localhost）を提供し、下位の開発ポートが変更されてもURLが変わらないようにします。これにより、破損したコールバックや状態の喪失を防ぎます。

対象ユーザー

主にAIコーディングエージェントを使用する開発者向けです。エージェントがブラウザを自律的に操作し、統合されたログを確認し、問題をデバッグできるようにします。また、ダッシュボードビューを好む人間の開発者向けに、スタンドアロンのターミナルユーザーインターフェース（TUI）も提供しています。

特徴

• 統合エビデンスストリーム：サーバーログ、ブラウザエラー、ネットワークリクエストを1つのタイムラインに統合し、デバッグを容易にします。
• エージェント最優先設計：エージェントがランタイムとやり取りし、ブラウザを操作し、ログを分析する方法を学べる「d3kスキル」を含んでいます。
• 安定したポートレスURL：開発サーバーのポートが変更されても変わらない安定したHTTPS URLを提供します。
• 永続的ブラウザプロファイル：ログイン状態やローカルストレージがセッション間で保持される、プロジェクト固有のChromeプロファイルを維持します。
• 広範なフレームワーク対応：Next.js、Vite、React、Vue、Svelte、Astro、Django、Flask、FastAPI、Railsなど、一般的なWebフレームワークを自動検出・サポートします。