LoupeKit icon

LoupeKit

LoupeKitは、ライブWebページのスタック情報、レイアウト、SEO、アクセシビリティ、AI生成コード臭を確認できるブラウザパネルです。無料版と、エクスポート、レポート、アドバイス、サーバーサイド読取り対応のProがあります。

LoupeKit

ページ検査と監査のためのブラウザパネル

LoupeKitは、現在のページの上に浮かんで、そこにあるものを読み取るブラウザパネルです。スタック、レイアウト、ページシグナル、SEO面、アクセシビリティの詳細などを確認できます。ホームページでは、各タブが異なる種類の検査に特化した、ページを「自分が作ったかのように」読める方法として位置づけられています。

この製品は9つのタブと70個のツールおよび診断機能で構成されており、タブビューでは各読み取り結果の横に証拠が表示されます。ソースでは、ほとんどのチェックはローカルかつブラウザ内で行われ、ホスト権限は不要で、ページ読み取りツールは無料で利用できる一方、Proではエクスポート、レポート、アドバイス、および一部のサーバーサイド読取りが追加されることが強調されています。

主な機能

証拠付きの技術スタック検出

開いているページ上のフレームワーク、ライブラリ、CMS、タグマネージャー、その他の技術を識別し、それぞれの検出結果の横に一致した証拠を表示します。

バージョンアドバイザリと脆弱性検索

検出されたバージョンを公開済みのアドバイザリとCVEに照合します。Stackタブでは、脆弱性チェックはページを開いたときに自動ではなく、ボタン操作で実行されると示されています。

ヘッダーと読み込み診断

追加のデータを現在のページ読み込み以外に求めることなく、レスポンスヘッダーや、ノード数、リクエスト数、バイト数、描画タイミングなどのページ読み込みパルスデータを読み取ります。

ルールレベルの所見を伴うVibe監査

AI生成コード臭に対してページをスコア化し、そのスコアの根拠となるルールを表示し、各検出項目ごとにリファクタリング提案を示します。

UI検査と可逆的編集

ボックスモデル、要素タイプ、色などを含むライブのインスペクト・編集型UI読み取りを提供し、ページを変更してからその変更を元に戻すことができます。

コマンドパレット付きの大規模ツールライブラリ

70個のツールと診断機能を備えたツールグリッドを含み、ツール、タブ、セクション全体を対象にしたコマンドパレットから検索できます。

実用的なユースケース

  • ページのスタックをリバースエンジニアリングする

    開発者はStackタブを開いて、ライブページが使用しているように見えるフレームワーク、CMS、ライブラリ、タグを確認し、検出の根拠となった証拠や、検出されたバージョンに関する公開済みアドバイザリを確認できます。

  • レイアウトと視覚的な詳細をその場で確認する

    デザイナーやフロントエンドエンジニアは、色、ボックスモデルの値、フォーカス経路、その他のUIシグナルをページ上で直接検査し、その後パネル内で変更を試して元に戻すことができます。

  • AI生成コードやマークアップの臭いを確認する

    編集者やレビュー担当者はVibe監査を実行して、ページのどの部分が生成されたものとして読めるかを確認し、表示されたルールを調べ、リファクタリング提案を使ってページを改善できます。

  • 検索とアクセシビリティの観点からページを確認する

    サイト運営者はSEO、アクセシビリティ、ドメインの各タブを使って、変更を公開する前にクローラー、支援ソフトウェア、ドメインレコードに何が見える可能性があるかを確認できます。

  • 外部レビュー用に所見をまとめる

    コンサルタントや代理店は、クライアントや調達チームと所見、ベースライン、タイムスタンプ付きの監査結果を共有する必要があるときに、Proでリンクベースのレポートや証跡パックを作成できます。

Pros and Cons

Pros

  • スタック、UI、SEO、アクセシビリティ、ドメイン、開発者向けビューなど、複数の検査モードを1つのパネルで扱えます。
  • 結果の横に証拠を残すため、検出や所見がなぜ出たのかを説明しやすくなります。
  • 70個のツールと診断機能を備えた大規模なツールセットを、1つのコマンドパレットから検索できます。
  • ホスト権限を使わず、特定の読み取りにサーバー要求が必要な場合を除いてページ読み取りはローカルで行われるとしています。
  • 主要なページ読み取りツールと診断機能は無料版で利用でき、より重いワークフロー向けにProも用意されています。

Cons

  • エクスポート、レポート、アドバイス、サーバーサイド読取りなど、一部の読み取り機能はPro限定です。
  • ソースには、外部のエクスポート先、チーム用ワークスペース、アカウント共有機能などの広範な連携情報は示されていません。

FAQ

LoupeKitとは何ですか?

LoupeKitは、利用中のページを読み取り、スタック、Vibe、UI、開発者、SEO、アクセシビリティ、ドメイン、サーバー、ツールの9つのタブに出力を整理するブラウザパネルです。ホームページでは、ページの上に浮かび、目の前のページを読み取るパネルとして説明されています。

どのブラウザに対応していますか?

ソースでは、LoupeKitは現在のページ上に開くブラウザ拡張パネルとして動作し、Chrome、Firefox、Edge、Brave、Opera、その他のChromium系ブラウザを含む複数のブラウザでインストール可能と説明されています。

LoupeKitは無料ですか?

LoupeKitには、ページ読み取りツールと診断機能向けの無料版に加えて、エクスポート、レポート、アドバイス、サーバーサイド読取り向けのProプランがあります。料金ページでは、Pro Monthlyが月額€6.99、Pro Lifetimeが一括€74.99と記載されており、Lifetime価格はローンチ後に上がる予定です。

LoupeKitはページデータをどこかに送信しますか?

サイトでは、この拡張機能はホスト権限なしで提供され、ページを読み取る際に何も送信されないと説明されています。料金ページでも、支払いによってその点は変わらず、ページを送信するバージョンは存在しないと案内されています。

ツールにはどうやってアクセスしますか?

サイトでは、⌘ K または Ctrl K によるコマンドパレットアクセスが案内されており、パネルには70個のツールと診断機能があるとされています。パネルのページでは、アドバイスやサーバーサイドデータなど一部の有料読取りはPro向けであることも示されています。

Quick Facts

カテゴリ
開発者ツール
プラットフォーム
ブラウザ拡張パネル
主な用途
ライブWebページの検査と監査
タブ数
9
ツールと診断機能
70
Webサイト
loupekit.com

LoupeKitの代替品

ByteAsk icon

ByteAsk

ByteAskは、C/C++向けのターミナル起点AIコーディングエージェント。リポジトリを編集し、コンパイラやデバッガ、サニタイザ、テストで変更を検証してから差分を表示。無料枠あり。

Manta AI icon

Manta AI

Manta AIは、URLからアプリの挙動を把握し、回帰を検出し、スクリプトやセレクタ管理なしでテストを生成できる自律型Webアプリテストツールです。

PromptScout icon

PromptScout

PromptScoutは、ChatGPT、Gemini、Google AI Overviews、Perplexityで自社や競合がどう言及されるかを追跡し、ソース分析とサイト監査を組み合わせて、次に直すべき内容・訴求・サイト対応を判断できます。

CreateOS Sandbox icon

CreateOS Sandbox

CreateOS Sandboxは、FirecrackerマイクロVM上でコードやエージェントのワークロードを実行できる分離型コンピュート環境です。SDK、CLI、MCPで制御可能。

hob icon

hob

hobは、エージェントのセッション、ターミナル、履歴、後続作業を、既存のツールやプロバイダーに合わせて整理できる独立したコーディングエージェント向けワークスペース。ローカルでの制御を重視する開発者に最適。

Ably Chat icon

Ably Chat

Ably Chatは、カスタムのリアルタイムチャットアプリを構築できるチャットAPIプラットフォームです。ルーム単位のメッセージ、入力中表示、プレゼンス、リアクション、メッセージ更新に対応し、利用量ベースの料金も選べます。