ウェブサイトスクリーンショットエージェント：Google Antigravity でウェブサイトのスナップショットと Markdown レポートを自動化
大規模なウェブサイトキャプチャ、競合ページの監視、監査・市場トラッキング・定期的なリサーチのための構造化された Markdown レポート出力を、Google Antigravity 用の website-screenshot-agent スキルで実現。
課題：ウェブサイト監視はいまだに手作業の作業
競合サイトの監視、価格変更の追跡、数十ページにおよぶコンプライアンス監査、またはレポート用にライブサイトのスナップショットを取得したことがあるなら、その面倒さをすでにご存じでしょう。
ブラウザを開き、URL を入力し、スクリーンショットを撮り、関連するコンテンツをドキュメントにコピー＆ペースト――そして繰り返す。1〜2 ページならまだしも、50 ページとなれば現実的ではありません。
多くのチームは脆い Selenium スクリプトや高価なサードパーティ製監視 SaaS、もしくは正直なところ「共有スプレッドシートと善意」でこれを解決しようとします。これらのアプローチはいずれもスケーラブルではなく、ツールの構築・維持・管理に人的リソースを必要とします。
この状況を変えるのが website-screenshot-agent スキル です。
Google Antigravity の Agent Manager 用に設計されたこのスキルは、AI エージェントにウェブサイトの全ページスクリーンショットを大規模に取得し、それを構造化された Markdown レポートへ自動変換する能力を与えます。スケジュール実行、自動処理、ブラウザ操作不要です。
Website Screenshot Agent ができること
このスキルの中核となるのは、Antigravity エージェントに次の 2 つの機能を追加することです。
自動ウェブサイトスクリーンショット。
エージェントは任意の公開 URL にアクセスし、ビュー領域だけでなくページ全体（ヒーローからフッターまで）をキャプチャ。高解像度画像として保存され、確認・共有・アーカイブに利用できます。
構造化された Markdown レポート。
視覚的なキャプチャに加え、エージェントは見出し・段落・リスト・リンク・テーブルデータなどの構造を保持した Markdown 形式にページ内容を抽出します。これにより、検索・差分比較・後続分析に使えるマシンリーダブルなレポートが生成されます。
この 2 つの機能を組み合わせることで、ウェブサイトは単なる「見えるもの」から、エージェントが活用できるデータソースへと変わります。
このスキルが役立つユースケース
競合ページの監視
マーケティングやプロダクトチームにとって、競合がメッセージングを変更したり、価格調整を行ったり、新機能をリリースしたり、価値提案を再構築したりするタイミングを把握することは重要です。
従来は毎週リスト化された競合ページを手動で確認していましたが、website-screenshot-agent を使えば、Antigravity エージェントが定期的に URL を訪問し、スクリーンショットを取得し、Markdown レポートを生成し、前回のスナップショットとの差分を自動で抽出して通知します。
構造化された Markdown 出力は特に有用です。
2 つのバージョンをプログラム的に比較し、「『無料トライアル』の CTA が削除された」「価格が $49 から $39 に変更された」「新しい統合セクションが追加された」など、正確な変更履歴を取得できます。これらは単なるスクリーンショットの山ではなく「行動可能な情報」です。
コンプライアンス・デザイン監査
大規模にウェブサイトを運営するチームにとって、ランディングページ・プロダクトページ・ドキュメンテーションサイト間で一貫性を保つのは常に課題です。
website-screenshot-agent はすべてのページの現状をキャプチャし、体系的に確認できるレポートを生成します。
デザイン監査者はスクリーンショットをスタイルガイドと比較し、法務・コンプライアンス担当は必要な開示情報・利用規約・プライバシー通知が正しく掲載されているかを確認できます。
Markdown レポートのおかげで、全体サイトを横断して特定の文言や条項を検索するのも容易です。
定期的な市場調査
リサーチ業務では、複数の情報源から定期的にデータを収集することが求められます。
価格ページ、機能比較表、パートナーディレクトリ、ドキュメント更新情報などは日々変化します。
website-screenshot-agent はこれらを「時間スタンプ付きデータポイント」として記録します。
時間の経過とともに、マーケットの変化を示す縦断的データセットが構築されます。
どの競合が AI 機能を追加したのか？
どの SaaS が料金体系を変えたのか？
どの OSS プロジェクトがロードマップを更新したのか？
エージェントがその証拠を収集し、構造化レポートによって分析可能にします。
クライアントレポートとエージェンシーのワークフロー
エージェンシーやコンサルタントは、リデザイン前・キャンペーン後・四半期レビュー前など、特定のタイミングでクライアントサイトの状態を記録する必要があります。
website-screenshot-agent はこの文書化作業を自動化します。スケジュールされたキャプチャ・スクリーンショット・構造化抽出を実行し、一貫したレポートとして出力します。
Antigravity での動作方法
このスキルは他の Felo Skills と同じ「インストールしたら忘れてよい」パターンで動作します。
スキルフォルダを .agent/skills/ ディレクトリにコピーし、Git にコミットするだけ。チーム全員の Antigravity インスタンスで自動的に利用可能になります。
インストールが完了すると、エージェントのタスク内容がこのスキルの意味記述に一致した際（ウェブサイトキャプチャ・ページ監視・ビジュアル監査など）に自動的に起動します。
SKILL.md ファイルがトリガーとして機能し、スラッシュコマンドや手動操作なしで自動的に読み込まれます。
ワークフロー
- タスク割り当て。
例：「これら 5 社の競合価格ページを監視し、変更点を報告せよ」といったタスクをエージェントが受け取ります。 - スキル起動。
Agent Manager がウェブサイトのスクリーンショットが必要なタスクだと判別し、website-screenshot-agent スキルを自動で有効化します。 - キャプチャと抽出。
エージェントが各 URL にアクセスし、全ページのスクリーンショットを取得、さらにページ内容を構造化 Markdown に抽出します。 - レポート生成。
スクリーンショットと構造化コンテンツを含むフォーマット済みレポートを作成。過去スナップショットがある場合は差分を検出し、変更箇所をハイライトします。 - 納品。
レポートは Markdown ファイルとしてワークスペースに出力され、検索・バージョン管理・分析にすぐ活用可能です。
柔軟な設定
スキルはさまざまなキャプチャモードをサポートしています。
- 全ページスクリーンショット：ページ全体の完全なビジュアル記録。
- ターゲットキャプチャ：特定のセクションやビューポート部分のみを対象。
- バッチ処理：複数 URL を 1 つのエージェントタスクで同時監視。
- スケジュール実行：Antigravity のタスクスケジューリング機能で、手動トリガーなしの定期監視が可能。
なぜ従来手法より優れているのか
インフラの維持不要
従来のウェブ監視ツールはサーバー・cron・ブラウザ自動化フレームワーク・保守コストを必要とします。
website-screenshot-agent は Antigravity の Agent Manager 内で動作し、追加インフラもデーモン監視も API キーの更新も不要です。
エージェントネイティブな出力
一般的なスクリーンショットツールは画像のみを出力しますが、それは「データ」ではありません。
website-screenshot-agent はスクリーンショットに加え、構造化された Markdown レポートも生成し、分析・検索・差分比較・他ワークフローへの統合に即活用できます。
Git でチーム共有
他の Felo Skills 同様、このスキルもリポジトリ内フォルダとして配布されます。
Git にコミットすれば、チーム全員が自動的に利用可能。ユーザーごとのセットアップ不要、設定差異なし、「自分の環境では動く」問題も解消します。
コンテキスト認識型の自動起動
手動でスケジュールを設定する必要はありません。
エージェントのタスク内容が必要とする場面でのみ、自動的に起動します（SKILL.md のセマンティックマッチによる）。
常に利用可能でありながら、邪魔にもならない――自然なワークフローの一部として作用します。
さらに広い視点：完全な監視スタックの構築
website-screenshot-agent スキルは、Antigravity ワークフロー内で他の Felo Skills と組み合わせることで最大の力を発揮します。
- felo-search と組み合わせて、スクリーンショットとともに最新の価格・発表データを取得し、ライブ市場調査を実現。
- felo-livedoc と併用し、競合ポジショニングのナレッジベースを永続的に保持。
- felo-slides と連携し、監視レポートから自動でプレゼン資料を生成。
- felo-web-fetch と統合し、スクリーンショットでは得られない構造化データをさらに深く抽出。
このように、Felo Skills はそれぞれが特定のギャップを埋め、組み合わせることで Antigravity Agent Manager を計画ツールから「本番出力を生み出すシステム」へ進化させます。
はじめ方
インストールは 1 分以内で完了します。
# Clone the Felo skills repository
git clone https://github.com/Felo-Inc/felo-skills.git
# Copy the website-screenshot-agent skill to your Antigravity skills folder
cp -r felo-skills/website-screenshot-agent ~/.gemini/antigravity/skills/
その後、チームの Git リポジトリ内 .agent/skills/ ディレクトリにスキルフォルダをコミットすれば、次回のプル時に全開発者環境で自動的に有効化されます。
このスキルは無料かつオープンコミュニティ向けに提供されており、felo.ai/skills/antigravity で全スキルの一覧や機能比較、詳細なインストールガイドを確認できます。
まとめ
ウェブサイトの監視は、もはや手作業や重いインフラを必要とする作業ではありません。
Google Antigravity 用の website-screenshot-agent スキルを使えば、AI エージェントが大規模にサイトをキャプチャし、構造化コンテンツを抽出し、レポートを生成できます。すべて、チームがすでに使っているワークフローの中で完結します。
競合の変化監視、コンプライアンス監査、定期的な市場調査、クライアントサイトのドキュメンテーション――どんな用途でも、面倒な手作業プロセスを自動化・信頼性・検索性の高いワークフローに変換します。
より多くのスキルと機能は felo.ai でご覧ください。
この記事は次の言語でもお読みいただけます：English、简体中文、한국어、繁體中文、हिन्दी、Français、العربية、Русский、اردو、Bahasa Indonesia、Deutsch、Tiếng Việt、Türkçe、Italiano、ไทย、Español、বাংলা、Português。