Visual Agentic Dev

Visual Agentic Devは、ブラウザ内でReactアプリの編集・デバッグ・CLI操作を完結できる没入型の開発環境です。Chromeとローカル開発環境を直接接続し、実行中のアプリの任意の要素をクリックするだけで、サイドバーのAIエージェントと対話しながら即座にコードを修正できます。内部はReact Fiberを用いて実行時にソースファイルを特定し、Bridge Serverでブラウザと端末をつなぎます。設定不要のソース位置特定、エージェントの即時準備、Claude Code CLIなどのエージェント持ち込み、ブラウザ内のPTYターミナルといった機能が特徴です。