KamoX

これは何か

KamoXは、AIコーディングエージェントがアプリの見た目を確認しながら開発できるようにするツールです。

AIに「Chrome拡張を作って」とお願いしても、AIはコードを書くだけで、実際にどう見えるかを確認できません。KamoXを入れると、AIがHTTP経由でビルド→起動→スクリーンショット撮影→ログ取得までできるようになります。AIが自分で結果を確認しながら修正を繰り返せるんです。

作った動機

AIにChrome拡張を作らせていた時に、AIが書いたコードがちゃんと動いているかを人間が毎回確認するのが辛かったんです。ビルドして、ロードして、画面を開いて、エラーが出てないか見て……。これをAI自身にやらせられれば、人間は結果だけ見ればよくなる。

Playwrightなどのブラウザ自動化ツールは「完成したアプリ」をテストするためのものですが、開発中のアプリの「ビルド→起動→確認」サイクルを回すには物足りない。開発中特有のニーズ（ServiceWorkerのデバッグ、IPCの監視、ダイアログのモックなど）があったので、Playwrightを内包しつつ開発サイクルに特化したハーネスを作りました。

特徴

ビルド→確認サイクル

AIがHTTP APIを叩いて、ビルドして、アプリを起動して、スクリーンショットを撮って、ログを取得できます。すべてプログラムから実行できるので、AIが自律的に確認→修正のループを回せます。

対応プラットフォーム

• Chrome拡張 — ServiceWorkerのデバッグ、manifest.jsonの検証、拡張のリロード
• Electron — メインプロセスとレンダラープロセスの起動、IPCの監視
• VSCode拡張 — Extension Hostの起動、コマンド実行、UI確認

npmで簡単導入

npm installするだけで使えます。AIの開発環境に組み込みやすいのがポイントです。

スタック

要素	選択
HTTPサーバー	Express.js
ブラウザ自動化	Playwright
言語	Node.js / TypeScript
パッケージ構成	npm workspaces

今の状態

Chrome拡張、Electron、VSCode拡張の3プラットフォームに対応済みで、実際にAIと一緒に開発する時に使っています。CLIの改善とドキュメント整備を進行中。