siteglass について
siteglass は、Web アプリの検査やページ保存を行う Agent と開発者向けの MCP サーバーです。ローカルブラウザーによる QA、ホスト型の E2E テスト、共有可能なページ保存を組み合わせています。
主な機能
- 01ローカルアプリを巡回し問題やアクセシビリティを検出
- 02公開ページを rrweb、PDF、PNG で保存
- 03E2E テストフローの生成と実行
- 04実行結果、スクリーンショット、リプレイの確認
活用シーン
- 01コード変更後にローカルアプリを点検
- 02公開ページの共有スナップショットを作成
- 03デプロイ済みサイトのユーザーフローをテスト
MCP 対応
ローカルスキャン、ページ描画、サイトスキャン、E2E テスト実行などの siteglass 機能を MCP ツールとして提供します。時間のかかる処理は ID を返し、対応する get ツールでポーリングできます。
設定
ローカルサーバーの設定はどのクライアントでも共通です。コピーしてクライアントの MCP 設定ファイルに貼り付けてください。
npx -y siteglass-mcpSITEGLASS_API_KEYシークレットsiteglass API key (optional; the server auto-creates an account if absent).SITEGLASS_BASE_URLAPI base URL (default https://siteglass.io).ローカルサーバーにはマシン上の実行環境(Node.js 18 以上など)が必要です。設定ファイルの場所はクライアントごとに異なります。
ツール
11掲載時のツール一覧 · 2 週間前に更新
| パラメーター | 型 | 必須 | 説明 |
|---|---|---|---|
| url | string | はい | アプリの URL。例: https://myapp.lovable.app |
詳細
siteglass MCP サーバー
siteglass-mcp は、
siteglass.io を MCP ツールとして公開します。AI エージェント(または人間)ができることは、次の 3 つです。
- 構築中のアプリをスキャン — 無料、アカウント不要 —
siteglass_scan_localは、http://localhost:PORT(またはアクセス可能な任意の URL)に対して、お使いのマシン上でヘッドレスブラウザーを実行します(こちらにトンネル接続されることはありません)。その後、siteglass がクロールを分析し、実際の調査結果を返します。リンクやアセットの切れ、コンソールエラー、アクセシビリティと SEO の問題、テストする価値のあるフォームに加え、平易な英語でのレポートも確認できます。エージェントがアプリを構築または変更した直後に、開発サーバーを指定してください。登録、所有権の確認、支払いは不要です。(初回実行時にヘッドレス Chromium がダウンロードされます。約 1 分かかります。) - 公開 URL をアーカイブ —
siteglass_renderはページをサーバー側でレンダリングし、恒久的に共有できるスナップショットを返します。インタラクティブな rrweb DOM キャプチャ(JavaScript 実行後、テキスト選択可能、リンク動作可能)、1 ページの PDF、または全ページの PNG を利用できます。CAPTCHA、登録、所有権の確認は不要で、プログラムから呼び出せます。archive.today に代わる、ボットに適した選択肢です。(JavaScript を多用するページをレンダリングしますが、WARC は生成しません。また、対象サイト自体がデータセンターの IP をブロックしている場合、キャプチャが空になることがあります。) - 所有するデプロイ済みサイトの Web QA — 登録 → 確認 → スキャン → フロー生成 → 実行 → 結果の確認を、人手による登録なしで自律的に行います。ホスト型/継続利用向けのプランです(お客様のライブサイトに対して、当社のサーバー上で実行されます)。
ローカルスキャン(1)は無料で、認証も不要です。 ホスト型ツール(2、3)の認証は自動で行われます(~/.siteglass/key に API キーを作成してキャッシュします。独自のキーを使う場合は SITEGLASS_API_KEY を設定してください)。サイトごとの初回スキャンは無料です。その後のスキャン(2 クレジット)とフロー実行(1 クレジット)には、Bitcoin Lightning で USD を入金した前払い残高が使われます。
インストール
npx siteglass-mcp
Claude Code:
claude mcp add siteglass -- npx siteglass-mcp
Cursor/Claude Desktop/Windsurf — MCP 設定に追加します
(~/.cursor/mcp.json、claude_desktop_config.json など):
{
"mcpServers": {
"siteglass": { "command": "npx", "args": ["-y", "siteglass-mcp"] }
}
}
OpenClaw — ~/.openclaw/openclaw.json に追加します(OpenClaw は MCP
サーバーを使用します)。アシスタントから siteglass_* ツールを利用できます。
{ "mcpServers": { "siteglass": { "command": "npx", "args": ["-y", "siteglass-mcp"] } } }
次に、エージェントに *「siteglass で のアプリをテストして」*と依頼してください。
ツール
| ツール | 内容 |
|---|---|
siteglass_scan_local | 無料、認証不要 — お使いのマシン上のブラウザーでローカル/開発アプリをクロール → 分析結果とレポート |
siteglass_render | 任意の公開 URL をアーカイブ → 共有可能なスナップショットのパーマリンク(rrweb/pdf/png)。CAPTCHA、登録は不要 |
siteglass_get_render | Lightning の請求書の支払い後にアーカイブを取得 |
siteglass_register_site | アプリの URL を登録し、所有権証明トークンを取得 |
siteglass_verify_site | トークンが有効であることを確認(DNS TXT またはホスティング) |
siteglass_scan / siteglass_get_scan | サイトをクロール → レポートと調査結果(初回スキャンは無料) |
siteglass_generate_flows | スキャン結果から実行可能な E2E テストフローを生成 |
siteglass_run_flow / siteglass_get_run | フローを実行 → ステップごとの合否、スクリーンショット、動画、rrweb リプレイ |
siteglass_set_credentials | 認証が必要なフロー用のテストログイン情報を設定 |
siteglass_feedback | siteglass チームにフィードバックを送信 |
時間のかかる操作は ID を返します。get_* ツールでポーリングするため、すべての呼び出しが MCP クライアントのリクエストタイムアウト内に収まります。
検出
- 公式 MCP Registry に
io.siteglass/mcpとして登録されています。 - API ホストでの機械検出先:
https://siteglass.io/openapi.json、/.well-known/agent-skills/index.json、/llms.txt、/SKILLS.md。
MIT ライセンス。
コメント
AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。