Scenario 01
QA ドキュメント
エージェントタスクが QA レポート用に UI フローの現在の状態をキャプチャすることを含む。
QA レポート用にチェックアウトフローの現在の状態をキャプチャしてください。
Website Screenshot Agent Google Antigravity スキル
Antigravity の Browser Subagent は Chrome を操作できますが、スクリーンショットのキャプチャ・注釈付け・構造化されたレポートへの整理は別の仕事です。Website Screenshot Agent は Markdown のキャプチャ計画を読み込み、各 URL を訪問し、スクリーンショットを撮影し、認証済みページにも対応しながら、チームがレビュー・共有できる文書化されたレポートを組み立てます。
仕組み
doc-screenshot-agent が自動でトリガーされるエージェントタスク
Antigravity の Agent Manager が doc-screenshot-agent にルーティングするプロンプトです。テキストだけでなく視覚的な証拠が必要なタスクに使われます。
01 · ユーザー
プロンプト送信
Antigravityでタスクを入力します。特別な構文は不要です。
02 · Agent Manager
タスク分析
Gemini 3がタスクを計画し、知識カットオフのリスクを検出します。
03 · SKILL.md ルーター
セマンティックマッチ
SKILL.mdの説明がタスクと一致し、スキルが読み込まれます。
04 · スキル
スキル実行
マッチしたスキルが実行され、データを取得または処理します。
05 · 出力
引用付き回答をインラインで表示
ソースリンク付きの構造化された回答がエージェントに返されます。
Scenario 02
変更前後の比較
エージェントが視覚的な証拠とともに UI の変更を記録する必要がある。
リリースノート用にリデザイン前後のログインページをキャプチャしてください。
Scenario 03
競合 UI の分析
エージェントタスクがデザインレビュー用に競合の UI をキャプチャ・分析することを含む。
Linear のイシュー詳細ページをスクリーンショットし、使用されている UI パターンを抽出してください。
仕組み
doc-screenshot-agent が Antigravity に加える機能
IDE を離れることなくエージェントが視覚的な証跡をキャプチャし推論できる 6 つの機能。
ビジュアルエビデンスの取得
エージェントは、ドキュメント化や QA タスクの一環として、任意の URL のスクリーンショットをキャプチャします。
要素単位のキャプチャ
ページ全体だけでなく、特定の UI 要素やページセクションを対象にできます。
スクリーンショットからテキスト化
キャプチャしたスクリーンショットから読み取り可能なテキストを抽出し、エージェントのさらなる推論に活用します。
ビフォー/アフターの比較
エージェントは変更前後の状態をキャプチャし、視覚的な差分ドキュメントを作成します。
アーティファクトの保管
スクリーンショットは保存され、エージェントの出力内で URL として参照されます。
SKILL.md による自動ルーティング
エージェントタスクが視覚的なドキュメント化、QA、UI 検証を伴うときに起動します。
ユースケース
実際のタスク、実際のワークフロー
開発者がAntigravity内でこのスキルをどのように活用しているか — 素早い検索から複雑なマルチステップワークフローまで。
01
QA ドキュメント
エージェントタスクが QA レポート用に UI フローの現在の状態をキャプチャすることを含む。
❯QA レポート用にチェックアウトフローの現在の状態をキャプチャしてください。
02
変更前後の比較
エージェントが視覚的な証拠とともに UI の変更を記録する必要がある。
❯リリースノート用にリデザイン前後のログインページをキャプチャしてください。
03
競合 UI の分析
エージェントタスクがデザインレビュー用に競合の UI をキャプチャ・分析することを含む。
❯Linear のイシュー詳細ページをスクリーンショットし、使用されている UI パターンを抽出してください。
Installation
Antigravity 内で構造化されたビジュアルキャプチャを 3 ステップで実現
インストールすれば、Agent Manager は視覚的な証拠が必要なタスクで doc-screenshot-agent をトリガーし、エージェントはキャプチャ計画を読み込んでドキュメントレポートを自動生成します。
方法 1 · ターミナル
コマンドラインからインストール
Feloスキルリポジトリをクローンし、スキルをAntigravityのグローバルスキルディレクトリにコピーします。
# Clone the Felo skills repository
git clone https://github.com/Felo-Inc/felo-skills.git
# Copy this skill to your global Antigravity skills folder
cp -r felo-skills/doc-screenshot-agent ~/.gemini/antigravity/skills/~/.gemini/antigravity/skills/ にインストールされます — すべてのプロジェクトで利用可能
方法 2 · エージェントプロンプト
エージェントにインストールさせる
このプロンプトをAntigravityに直接貼り付けてください。エージェントがリポジトリをクローンし、スキルを自動的にコピーします。
Antigravity に貼り付ける
https://github.com/Felo-Inc/felo-skills を Antigravity のグローバルスキルディレクトリにインストールしてください。
エージェントがクローン、コピー、ディレクトリのセットアップを処理します — ターミナル不要
1
.agent/skills/ にスキルをコピーする
Felo スキルリポジトリをクローンし、doc-screenshot-agent を .agent/skills/ にコピーして Git 経由でチーム全体にアクセス可能にします。SKILL.md の説明が、視覚的なページキャプチャや UI ドキュメントが必要なタスクでスキルを起動します。
2
Markdown のキャプチャ計画を作成する
キャプチャしたい URL、セクション、証拠を .md ファイルにリストアップします。スキルは計画を読み込み、順番に各ページを訪問し、指示に従ってスクリーンショットを整理します（認証が必要なページの場合、認証情報を設定すれば対応可能です）。
3
キャプチャワークフローを実行する
スキルは埋め込みスクリーンショット付きのキャプチャ計画に沿って整理された Markdown レポートを生成します。Agent Manager はこのレポートをより大きな成果物（競合分析、QA サマリー、デザインレビューなど）に組み込めます。手作業のスクリーンショット作業は不要です。
設定は不要です。スキルフォルダ内のSKILL.mdファイルが、Antigravityのエージェントマネージャーにいつ起動するかを伝えます。フォルダが所定の場所に配置されると、エージェントはプロンプトに基づいて自動的にスキルにルーティングします。
FAQ
Website Screenshot Agent × Google Antigravity — よくある質問
Browser Subagent はインタラクティブで、リアルタイムにクリック・スクロール・エージェントの指示への応答ができます。doc-screenshot-agent はバッチ処理向けで、Markdown のキャプチャ計画を与えればリスト全体を実行し、構造化されたレポートを生成します。何をキャプチャすべきかを把握しており、システム的なドキュメント化タスクに適しています。
Antigravity エージェントに監査・レビュー・モニタリングのための視覚的証拠レイヤーを追加する
doc-screenshot-agent を .agent/skills/ にインストールし、Agent Manager があらゆる調査や QA ワークフローの一部としてウェブページをキャプチャ・注釈付け・レポート化できるようにしましょう。
1 つの API キーで利用できます。.agent/skills/ にコミットするだけで、エージェントは認証済みページを含むあらゆる視覚的なウェブをドキュメント化できます。
