full-page-screenshot について
Chrome DevTools Protocol を使い、依存関係なしでウェブページ全体を撮影するスキルです。ポートフォリオ、ケーススタディ、監査向けの視覚記録を作成するエージェントを対象とし、完全な手順は上流のバンドルから利用します。
主な機能
- 01ウェブページ全体のキャプチャ
- 02Chrome DevTools Protocol の使用
- 03依存関係なし
活用シーン
- 01ポートフォリオページの撮影
- 02ケーススタディページの記録
- 03監査レポート用の視覚資料作成
インストール
コマンドをコピーしてターミナルで実行します。
$
npx skills add https:/インストール後、Claude Code で/full-page-screenshotを入力して読み込まれたか確認します。
詳細
full-page-screenshot
@LewisLiu007 による厳選。
できること
依存関係なしで、Chrome DevTools Protocol を使用してウェブページ全体のスクリーンショットを撮影します。ポートフォリオ、ケーススタディ、監査レポートに便利です。
ソース
- 上流： https://github.com/LewisLiu007/full-page-screenshot
- カテゴリー：
screenshots
使い方
このカタログエントリーは、エージェントが計画時にこのスキルを見つけられるよう、OpenDesign で紹介しています。元のアセット、スクリプト、リファレンスを含む上流のワークフロー全体を実行するには、上流のバンドルを現在使用中のエージェントのスキルディレクトリにインストールしてください：
# Inspect the upstream README for exact paths
open https://github.com/LewisLiu007/full-page-screenshot
その後、このスキル名（full-page-screenshot）を指定するか、このスキルのフロントマターに記載されているトリガーフレーズのいずれかを使って、エージェントにこのスキルを呼び出すよう依頼してください。
コメント
Markdown 対応