Claude Code プラグイン · 自動化された Web サイトのスクリーンショット

Website Screenshot Agent for Claude Code — 端末から Web サイトのスナップショットを自動化する

Website Screenshot Agent を Claude Code に追加すると、Web サイトをキャプチャし、ページの変更を監視し、スクリーンショットを構造化された Markdown レポートに変換できます。競合他社の調査、Web サイトの監査、ランディング ページの追跡、定期的なスナップショットのワークフローに最適です。

Claude Code
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

再現可能な Web サイトのスクリーンショットと Markdown 対応レポートを必要とするリサーチ、マーケティング、製品、運用チームによって使用されます。

バッチ
ワークフローのキャプチャ
認証
保護されたページのサポート
Markdown
レポートの準備ができた出力

手動によるウェブサイトのスクリーンショット作業は、研究を拡大する必要がある瞬間に中断される

競合他社の調査、Web サイトの監視、または監査の文書化を行うチームは、同じ壁にぶつかります。手動でページをキャプチャすると時間がかかり、一貫性がなく、数十のサイトにわたって維持するのが不可能です。

レポートが完成する前に競合他社のページが変更される

価格表、ヒーローの見出し、CTA のコピー、特集ページは数日で変更される可能性があります。手動のスクリーンショットデッキが組み立てられるまでに、証拠の一部はすでに古くなってしまいます。

手動キャプチャは 20、50、または 200 の URL には拡張できません

ページを開き、ブラウザのサイズを変更し、右側のセクションまでスクロールし、画面をキャプチャし、ファイルの名前を変更して、適切なフォルダーに移動します。レビューする必要があるすべてのサイトでこのプロセスを繰り返します。

構造のない生のスクリーンショットは使用できない証拠になります

スクリーンショットが詰まったフォルダーは研究成果物ではありません。チームは依然として、何がキャプチャされたか、どこから来たのか、そしてなぜそれが重要なのかを説明する読みやすい Markdown レポートを必要としています。

1 人のエージェントが Web サイトをキャプチャし、Markdown レポートを作成します。

Website Screenshot Agent は、Markdown キャプチャ概要を読み取り、Web サイトのスクリーンショットを撮り、認証されたページを処理し、アセットを整理し、チームがレビュー、共有、またはコミットできる構造化された Markdown レポートを作成します。

  • Markdown、見出し、または概要テーブルからのキャプチャ命令を解析します。
  • ランディング ページ、価格設定ページ、ドキュメント、ダッシュボードなどにわたる Web サイトのスクリーンショットを自動化します。
  • 競合他社の調査、Web サイトの監視、定期的なスナップショットの実行をサポートします。
  • 設定された資格情報を使用してログイン保護されたページをキャプチャする
  • スクリーンショットが適切なセクションに配置されたクリーンな 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

Claude Code に Website Screenshot Agent をインストールする

プラグインを Claude Code に追加し、端末から自動化された Web サイトのスクリーンショット ワークフローの実行を開始します。

Claude Code インストール ガイド

Claude Code

Claude Code を使用してパブリック ページと認証済みページをバッチ キャプチャし、調査、監視、監査タスク用にクリーンな Markdown レポートをエクスポートします。

# Install from Plugin Marketplace (package id: doc-image-agent)
/plugin marketplace add Felo-Inc/felo-skills
/plugin install doc-image-agent@felo-ai
GitHub リポジトリの表示

Website Screenshot Agent の活動

1 回限りの手動スクリーンショットではなく、反復可能な Web サイトのスナップショットと Markdown 対応の出力を必要とするチーム向けの 6 つの機能。

自動化された Web サイトのスクリーンショット キャプチャ

製品ページ、ランディング ページ、価格設定ページ、ドキュメント、ダッシュボード、その他のターゲットを自動的に開き、適切なビューポートと解像度できれいなスクリーンショットをキャプチャします。

競合他社と市場ページの監視

同じキャプチャ プランを再利用して、ワークフローを毎回再構築することなく、競合他社のメッセージング、価格設定ページ、発売ページ、市場の変化に注目します。

Markdown レポートの生成

スキルは映像だけにとどまりません。スクリーンショットを読みやすい Markdown レポートに整理するので、出力を非同期レビュー、リポジトリ、ドキュメント、または調査の引き継ぎにすぐに使用できます。

増分再実行と更新

レポートの大部分をすでに取得しましたか?ワークフローを再実行し、キャプチャ ジョブ全体を最初から繰り返すのではなく、変更された部分のみを更新します。

認証されたページのキャプチャ

認証情報を一度設定すると、同じ自動化されたワークフローの一部として、保護されたページ、内部ツール、SaaS ダッシュボード、またはその他の認証された状態をキャプチャできます。

チームワークフローのための構造化された出力

生のスクリーンショット、処理されたアセット、および最終的な Markdown レポートを予測可能なフォルダーに保存し、簡単に確認、コミット、差分を確認したり、定期的な運用ワークフローにプラグインしたりできます。

Website Screenshot Agent が最も役立つ場所

チームが 1 回限りのスクリーンショットではなく、迅速で再現可能な Web サイトのスナップショットを必要とする価値の高いワークフロー。

Competitor landing page research with automated website screenshots

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

背景: 製品マーケティング チームは、ポジショニングを検討する前に、競合他社のホームページ、価格設定ページ、特集ページ、サインアップ フローの最新のスクリーンショットを必要とします。
選択した競合他社の URL をキャプチャし、企業およびページ タイプごとに 1 つのセクションを含む Markdown 調査レポートを出力します。
Website monitoring snapshot report with structured Markdown output

Web サイトの変更監視とスナップショットのアーカイブ

背景: チームは、メッセージング、デザイン、および構造の経時的な変化を文書化するために、自社のサイト、パートナー サイト、または競合他社のページの毎週のスナップショットを必要としています。
定期的なキャプチャ プランを実行し、ターゲット ページを再度取得し、この監視サイクルの新しい Markdown スナップショット レポートを書き込みます。
Audit pack with public and authenticated website captures

製品、コンテンツ、または営業チーム向けの監査パック

背景: 発売レビューやバトルカード プロジェクトには、公開ページのスクリーンショットと認証された製品の状態が必要で、これらはすべて、チームが非同期でレビューできる単一のレポートにまとめられています。
必要な公開ページとログイン状態をキャプチャし、証拠を構造化された Markdown 監査文書にまとめます。

キャプチャ概要から Markdown レポートまで 4 ステップ

このワークフローは、アドホックなスクリーンショット収集ではなく、繰り返し可能な Web サイトのキャプチャを目的として構築されています。

1

Markdown でキャプチャするページをリストします。

インライン マーカー、見出し、または概要表を使用して、レポートに必要な URL、セクション、または証拠を書き留めます。

2

スキルを実行する

Claude Code または OpenClaw から Website Screenshot Agent を実行します。キャプチャ プランを読み取り、ブラウザ環境を準備し、ワークフローを開始します。

3

Web サイトをキャプチャして整理する

このスキルは、各ページを開き、必要に応じて認証を処理し、スクリーンショットをキャプチャし、生のアセットと処理されたアセットをクリーンな出力構造に保存します。

4

Markdown レポートが作成される

最終出力は、スクリーンショットが適切なセクションに配置された構造化された Markdown レポートであり、調査レビュー、監査、非同期共有、またはリポジトリのコミットにすぐに使用できます。

Website Screenshot Agent についてチームが語ること

初期のユーザーは、アドホック スクリーンショットを置き換えて、反復可能な Web サイト キャプチャと Markdown レポートを使用して動作します。

★★★★★
私たちは競合他社のレビューを行う前に、スクリーンショットを収集するのに半日を費やしていました。 1 つのキャプチャ ブリーフから、すべての証拠が正しい順序で記載された Markdown レポートが得られます。
Daniel Park
ダニエル・パーク
SaaS プラットフォーム、競合インテリジェンス リード
★★★★★
最大の利点は一貫性です。現在、すべてのランディング ページのレビューで同じ Web サイトのスナップショット ワークフローが使用されているため、私たちのチームはスクリーンショットの欠落についての議論をやめ、調査結果について議論し始めています。
Rachel Morgan
レイチェル・モーガン
プロダクトマーケティングマネージャー
★★★★★
私たちはこれを定期的なサイト監査と内部報告に使用します。認証されたページ キャプチャと Markdown 出力の組み合わせは、私たちのチームがすでに取り組んでいる方法に完全に適合します。
Vik Patel
ヴィク・パテル
オペレーションアナリスト

Website Screenshot Agent の重要な結果

1つのワークフロー
捕獲計画からレポートまで
0 マニュアル
ブラウザのスクリーンショットの手順
Markdown
レポートの準備ができた出力
再現可能
実行の監視と監査

Website Screenshot Agent よくある質問

これは ScreenshotOne のようなスクリーンショット API とどう違うのですか?
スクリーンショット API は、単一の URL から画像へのエンドポイントを提供します。 Website Screenshot Agent はワークフロー ツールです。Markdown キャプチャ ブリーフを読み取り、複数の Web サイトを開き、認証を処理し、スクリーンショットをキャプチャし、アセットを整理し、最終的な Markdown レポートを作成します。
Website Screenshot Agent にはどのような入力が必要ですか?
Markdown のキャプチャ概要が必要です。インライン マーカー、見出しベースの指示、または Image Summary テーブルを使用して、URL、ページ グループ、証拠要件、またはレポート セクションをリストできます。
ログイン保護されたページまたは認証されたページをキャプチャできますか?
はい。環境変数を使用して認証情報を構成すると、スキルはダッシュボード、内部ツール、またはその他の保護されたページをキャプチャする前にログインします。
競合他社の調査や定期的な Web サイトの監視に役立ちますか?
はい。これは最適なワークフローの 1 つです。チームは同じ Markdown キャプチャ プランを使用して、競合他社の最新のスクリーンショットを収集し、定期的な Web サイトのスナップショット レポートを作成し、監査証拠を長期にわたって整理し続けます。

ウェブサイトのスクリーンショットを手動で撮るのはやめましょう

Web サイトをキャプチャし、スナップショットをアーカイブし、反復可能な 1 つのワークフローから Markdown 調査レポートを送信します。 Website Screenshot Agent をインストールすると、手動のスクリーンショット タスクが 1 つのコマンドにまとめられます。

インストールは無料です。 Claude Code および OpenClaw で動作します。競合他社の調査、Web サイトの監視、監査の文書化に最適です。