Hermes Agent スキル · サイトスクリーンショット自動化

Website Screenshot Agent Hermes Agent Skill

Website Screenshot Agent は、サイトスクリーンショット自動化、競合監視、Markdown 調査レポートのための Hermes Agent スキルです。導入後は Hermes Agent の中でサイトページをまとめて取得し、競合スナップショットと Markdown レポートを作成し、そのまま調査、執筆、共有へつなげられます。

Hermes Agent Webサイトのスクリーンショット自動化
doc-screenshot-agent process cases/competitor-monitoring.md
Reading capture plan and preparing browser sessions...
Capturing websites and writing the Markdown report...
Markdown report written to output/reports/competitor-monitoring.md

Website Screenshot Agent を Hermes Agent スキルとして使い、サイトスクリーンショット自動化、競合監視、Markdown 調査レポートの流れを安定して回したいチーム向けです。

Hermes Agent スキル
Webサイトのスクリーンショット自動化、競合監視、Markdown 調査レポート
1 本のスクリプト
公式導入フロー
Hermes Agent 内で完結
同じワークフロー内で完結
再利用しやすい
チーム運用向けの入出力

調査対象が増えると、手作業のサイトスクリーンショットはすぐ破綻する

競合調査、サイト監視、監査記録を行うチームは同じ問題に直面します。手動でページを取得する作業は遅く、不揃いで、対象サイトが増えるほど維持できなくなります。

競合ページを見終える前に、スクリーンショットが古くなる

価格表、ファーストビューのコピー、CTA、機能ページは数日で変わることがあります。手作業でスクリーンショットレポートをまとめ終える頃には、証拠の一部がすでに古くなっています。

20、50、200 件の URL を手作業で回すのは無理がある

ページを開き、ブラウザを調整し、目的の位置までスクロールし、スクリーンショットを撮り、ファイル名を付け直して、正しいフォルダへ移す。対象サイトが増えるほど、この流れはすぐに破綻します。

構造のない生スクリーンショットは、最終的に使えない証拠になる

スクリーンショットが大量に入ったフォルダだけでは調査成果物になりません。チームに必要なのは、何を取得したのか、出典は何か、なぜ重要なのかが読める Markdown レポートです。

エージェントがサイトを取得し、Markdown レポートまでまとめてくれる

Website Screenshot Agent は、Markdown の収集指示書を読み取り、サイトスクリーンショットを取得し、ログイン後ページを処理し、素材を整理したうえで、チームがレビュー・共有・コミットしやすい構造化 Markdown レポートを出力します。

  • Markdown、見出しメモ、一覧表から収集指示を読み取る
  • ランディングページ、価格ページ、ドキュメント、ダッシュボードなどを自動で取得する
  • 競合調査、サイト監視、定期スナップショットに使える
  • 認証情報を設定すればログインが必要なページも取得できる
  • スクリーンショットを適切な章に整理した Markdown レポートを出力する
1
PlanList the pages, URLs, and sections you want to capture in Markdown
2
CaptureThe agent opens each site, handles auth, and captures screenshots
3
CompileScreenshots are inserted into a structured Markdown report
4
ShareExport the report for research reviews, audits, or recurring monitoring

Website Screenshot Agent Hermes Agent Skill を導入する

この Hermes Agent スキルガイドでは、Website Screenshot Agent を Hermes Agent に導入し、サイトスクリーンショット自動化、競合監視、Markdown 調査レポートのワークフローに使う方法をまとめています。

Website Screenshot Agent Hermes Agent Skill の導入方法

Hermes Agent

Hermes Agent から公開ページやログイン後ページをまとめて取得し、サイトの証拠や競合スナップショットを Markdown レポートへ整理できます。一度導入すれば、Hermes Agent の会話内で何度でも呼び出せます。

# Installs all skills that contain a SKILL.md (includes felo-twitter-writer and felo-superAgent) bash <(curl -s https://raw.githubusercontent.com/Felo-Inc/felo-skills/main/scripts/install-hermes.sh)
GitHub で見る

Website Screenshot Agent でできること

使い捨ての手作業スクリーンショットではなく、再現可能なサイトスナップショットと Markdown 成果物を必要とするチーム向けの 6 つの機能です。

サイトスクリーンショットの自動収集

製品ページ、ランディングページ、価格ページ、ドキュメント、ダッシュボードなどの対象ページを自動で開き、適切なビューポートと解像度で整ったスクリーンショットを生成します。

競合・市場ページの監視

同じ収集プランを再利用して、競合コピー、価格ページ、公開ページ、市場変化を継続的に追跡できます。毎回ワークフローを作り直す必要はありません。

Markdown レポート生成

画像を書き出すだけでは終わりません。スクリーンショットを読みやすい Markdown レポートへ整理するため、非同期レビュー、ナレッジ蓄積、バージョン管理、調査の引き継ぎにそのまま使えます。

差分更新と再実行

大半のページをすでに取得済みなら、ワークフローを再実行して変更部分だけを更新できます。最初から全部取り直す必要はありません。

ログイン後ページの取得

認証情報を一度設定すれば、保護ページ、内部ツール、SaaS ダッシュボードなどのログイン後コンテンツも同じ自動化フロー内で取得できます。

チーム運用向けの構造化出力

生のスクリーンショット、処理済み素材、最終 Markdown レポートを予測しやすいディレクトリ構成に保存するので、レビュー、コミット、比較、定期運用に載せやすくなります。

Website Screenshot Agent が特に向いている場面

ここで必要なのは散発的なスクリーンショットではなく、素早く再現可能なサイトスナップショットです。

Competitor landing page research with automated website screenshots

競合ランディングページ調査

背景: プロダクトマーケティングチームがポジショニング検討前に、競合のトップページ、価格ページ、機能ページ、登録導線の最新スクリーンショットを必要とするケースです。
選定した競合の対象 URL を取得し、会社別・ページ種別ごとに整理した Markdown 調査レポートを出力してください。
Website monitoring snapshot report with structured Markdown output

サイト変更の監視とスナップショット保管

背景: 自社サイト、パートナーサイト、競合ページを週次で取得し、コピー、デザイン、構造の変化を記録したいケースです。
定期収集プランを実行し、対象ページを再取得して、今回の監視分の Markdown スナップショットレポートを新しく生成してください。
Audit pack with public and authenticated website captures

プロダクト・コンテンツ・営業チーム向け監査パック

背景: リリースレビューや バトルカード(競合比較資料)プロジェクトで、公開ページとログイン後ページのスクリーンショットを 1 本のレビュー用レポートにまとめたいケースです。
必要な公開ページとログイン後ページを取得し、証拠を構造化 Markdown の監査ドキュメントとして整理してください。

Website Screenshot Agent Hermes Agent Skill を 3 ステップで使い始める

Hermes Agent に一度導入すれば、サイトスクリーンショット自動化、競合監視、Markdown 調査レポートを軸にした再利用しやすいワークフローを組めます。

1

公式 Hermes インストールスクリプトを実行する

Hermes Agent のチャットに Felo 公式の Hermes インストールスクリプトを貼り付けると、`SKILL.md` を持つ Felo スキルをまとめて導入でき、その中に Website Screenshot Agent も含まれます。

2

取得したいサイトと証拠を伝える

どのページ、ログイン状態、競合サイト、証拠ポイントを撮りたいのか、そして最終 Markdown レポートに何を入れたいのかを Hermes Agent に伝えます。

3

スナップショットと Markdown レポートを生成する

Hermes Agent から Website Screenshot Agent を実行し、指定したページを撮影して素材を整理し、構造化された Markdown レポートを書き出します。

Website Screenshot Agent を使ったチームの声

初期ユーザーは、場当たり的なスクリーンショット作業を、再現可能なサイト収集と Markdown レポートに置き換えています。

★★★★★
以前は競合レビューの前に、スクリーンショットを集めるだけで半日かかっていました。今は 1 つの収集指示から、証拠が正しい順序で並んだ Markdown レポートが出てきます。
Daniel Park
Daniel Park
SaaS プラットフォーム / 競合インテリジェンス責任者
★★★★★
一番大きいのは一貫性です。今ではランディングページレビューのたびに同じサイトスナップショットフローを使うので、抜け漏れの議論ではなく発見そのものに集中できます。
Rachel Morgan
Rachel Morgan
プロダクトマーケティングマネージャー
★★★★★
定期的なサイト監査や社内レポートに使っています。ログイン後ページの取得と Markdown 出力の組み合わせが、今のチームの進め方にぴったり合っています。
Vik Patel
Vik Patel
オペレーションアナリスト

Website Screenshot Agent がもたらす主要成果

1 本のフロー
収集計画からレポートまで
0 手作業
ブラウザ撮影の手順
Markdown
成果物として出せるレポート
再現可能
監視・監査の実行

Website Screenshot Agent の Hermes Agent スキル FAQ

Website Screenshot Agent Hermes Agent Skill とは何ですか?
Hermes Agent 向けのスキルで、Webサイトのスクリーンショット自動化、競合監視、Markdown 調査レポートに使えます。導入後は同じ Hermes Agent のワークフロー内から直接呼び出せます。
どんなときに Website Screenshot Agent Hermes Agent Skill を使うべきですか?
サイトをまとめて取得し、競合スナップショットと Markdown レポートを作りたいときに向いています。作業全体を Hermes Agent の会話内に残したまま進められます。
Website Screenshot Agent Hermes Agent Skill はスクリーンショットだけですか?
スクリーンショットだけではありません。取得した証拠を整理し、レビューや共有に使いやすい Markdown レポートまで出力できます。
Website Screenshot Agent Hermes Agent Skill はどうやって導入しますか?
Hermes Agent のチャットで Felo 公式の Hermes インストールスクリプトを一度実行し、Website Screenshot Agent を含む Felo スキル一式を導入します。その後は同じ会話内ですぐ使えます。

Website Screenshot Agent Hermes Agent Skill をワークフローに追加する

この Hermes Agent スキルを入れると、Hermes Agent の中で整理されたサイト証拠とレビューしやすい Markdown レポートを安定して得られます。サイトをまとめて取得し、競合スナップショットと Markdown レポートを作りたいときに特に向いています。

公式インストールスクリプト 1 本で Website Screenshot Agent を Hermes Agent に追加でき、サイトスクリーンショット自動化、競合監視、Markdown 調査レポートの再利用しやすいチームフローを作れます。