mcpField
H
headless-web-viewer

headless-web-viewer

github.com/okwinds開発5036 回インストール24 週間前に更新
リポジトリ

headless-web-viewer について

PlaywrightでWebページをレンダリングし、内容を保存または出力するスキルです。HTML、テキスト、スクリーンショットを成果物として扱うワークフローに向いています。

主な機能

  1. 01レンダリングしたHTML・テキスト・画像の保存
  2. 02ページテキストの標準出力
  3. 03Playwright Coreまたは同梱ブラウザーでの実行

活用シーン

  1. 01WebページをHTML・テキスト・画像として保存
  2. 02レンダリングしたテキストを別コマンドへ渡す

インストール

コマンドをコピーしてターミナルで実行します。

$npx skills add https://github.com/okwinds/miscellany --skill headless-web-viewer

インストール後、Claude Code で/headless-web-viewerを入力して読み込まれたか確認します。

同梱ファイル

SKILL.md と一緒にインストールされる参考資料やスクリプト。

README.md
package.json
package-lock.json
README.zh-CN.md
scripts/
render_url_playwright.mjs

詳細

ヘッドレス Web ビューアー

実行

レンダリングして成果物を保存
node ./scripts/render_url_playwright.mjs '<URL>' \
  --out-html /tmp/page.html \
  --out-text /tmp/page.txt \
  --out-screenshot /tmp/page.png
標準出力に出力（パイプに対応）
node ./scripts/render_url_playwright.mjs '<URL>' --print text

依存関係

このスキルを実行する環境には Playwright が必要です。

オプション A（推奨：全体で使用する場合、ブラウザーのダウンロード不要）

Playwright Core をインストールし、システムの Chrome を使用します。

npm i -D playwright-core

--channel chrome を指定して実行します。

オプション B（バンドルされたブラウザー）
npm i -D playwright
npx playwright install

ユーザーから依頼がない限り、依存関係を自動インストールしないでください。

ヒント

  • ページが networkidle で停止する場合は、--wait-until domcontentloaded を指定して再試行してください。
  • ページがヘッドレス Chromium をブロックする場合は、リアルな UA を --user-agent に設定してみてください。

コメント

Markdown 対応