Claude Code、ChatGPT でウェブサイトを調査・修正

Lizard Studio は、Claude Code と ChatGPT 用の無料のオープンソース Chrome 拡張機能です。サイドパネルのチャットを、要素セレクター、注釈、デザインツール、ブラウザデバッグとともに、ライブページとローカルプロジェクトに接続します。

いいえ。ご自身の Claude Code または ChatGPT アカウントを接続し、ローカルのプロジェクトフォルダを選択してください。

拡張機能とホストはローカルで実行されます。選択した AI プロバイダーがチャットリクエストを処理し、Lizard はテレメトリーを収集しません。

Chrome Web Store からインストールし、その後 npx @lizard-build/lizard-studio-host install を実行してローカルエージェントを接続してください。

拡張機能とローカルホストは無料で、MIT ライセンスです。選択した AI プロバイダーが、エージェントに必要なアカウント要件、利用制限、料金を定めます。無料の拡張機能に、無料のモデル利用は含まれません。

はい。ローカルのウェブサイトを開き、Lizard Studio でそのプロジェクトフォルダを選び、Selector を使って要素を関連付けてください。変更内容を説明し、エージェントのファイル編集を確認して、ブラウザで結果をチェックします。

Lizard Studio のインターフェースでは、エージェントは ChatGPT と呼ばれます。これはローカルの Codex CLI を通じて接続し、ご自身のアカウントとプロジェクトフォルダを使用します。Claude Code を選ぶこともできます。

開発サーバーがそのファイル群を配信している場合、プロジェクトファイルへの変更は再読み込み後も残ります。一時的な DOM またはスタイル変更は、開いているページにのみ影響します。エージェントにソースの編集を依頼し、その diff を確認してください。