baoyu-url-to-markdown
指定されたURLのウェブページをChromeで開き、ページ全体のコンテンツを自動で、またはユーザーの指示後にMarkdown形式に変換して保存できるSkill。
📜 元の英語説明(参考)
Fetch any URL and convert to markdown using Chrome CDP. Supports two modes - auto-capture on page load, or wait for user signal (for pages requiring login). Use when user wants to save a webpage as markdown.
🇯🇵 日本人クリエイター向け解説
指定されたURLのウェブページをChromeで開き、ページ全体のコンテンツを自動で、またはユーザーの指示後にMarkdown形式に変換して保存できるSkill。
※ jpskill.com 編集部が日本のビジネス現場向けに補足した解説です。Skill本体の挙動とは独立した参考情報です。
下記のコマンドをコピーしてターミナル(Mac/Linux)または PowerShell(Windows)に貼り付けてください。 ダウンロード → 解凍 → 配置まで全自動。
mkdir -p ~/.claude/skills && cd ~/.claude/skills && curl -L -o baoyu-url-to-markdown.zip https://jpskill.com/download/19394.zip && unzip -o baoyu-url-to-markdown.zip && rm baoyu-url-to-markdown.zip
$d = "$env:USERPROFILE\.claude\skills"; ni -Force -ItemType Directory $d | Out-Null; iwr https://jpskill.com/download/19394.zip -OutFile "$d\baoyu-url-to-markdown.zip"; Expand-Archive "$d\baoyu-url-to-markdown.zip" -DestinationPath $d -Force; ri "$d\baoyu-url-to-markdown.zip"
完了後、Claude Code を再起動 → 普通に「動画プロンプト作って」のように話しかけるだけで自動発動します。
💾 手動でダウンロードしたい(コマンドが難しい人向け)
- 1. 下の青いボタンを押して
baoyu-url-to-markdown.zipをダウンロード - 2. ZIPファイルをダブルクリックで解凍 →
baoyu-url-to-markdownフォルダができる - 3. そのフォルダを
C:\Users\あなたの名前\.claude\skills\(Win)または~/.claude/skills/(Mac)へ移動 - 4. Claude Code を再起動
⚠️ ダウンロード・利用は自己責任でお願いします。当サイトは内容・動作・安全性について責任を負いません。
🎯 このSkillでできること
下記の説明文を読むと、このSkillがあなたに何をしてくれるかが分かります。Claudeにこの分野の依頼をすると、自動で発動します。
📦 インストール方法 (3ステップ)
- 1. 上の「ダウンロード」ボタンを押して .skill ファイルを取得
- 2. ファイル名の拡張子を .skill から .zip に変えて展開(macは自動展開可)
- 3. 展開してできたフォルダを、ホームフォルダの
.claude/skills/に置く- · macOS / Linux:
~/.claude/skills/ - · Windows:
%USERPROFILE%\.claude\skills\
- · macOS / Linux:
Claude Code を再起動すれば完了。「このSkillを使って…」と話しかけなくても、関連する依頼で自動的に呼び出されます。
詳しい使い方ガイドを見る →- 最終更新
- 2026-05-18
- 取得日時
- 2026-05-18
- 同梱ファイル
- 6
📖 Skill本文(日本語訳)
※ 原文(英語/中国語)を Gemini で日本語化したものです。Claude 自身は原文を読みます。誤訳がある場合は原文をご確認ください。
URLからMarkdownへ
Chrome CDPを介して任意のURLを取得し、HTMLをクリーンなMarkdownに変換します。
スクリプトディレクトリ
重要: すべてのスクリプトは、このスキル内の scripts/ サブディレクトリにあります。
エージェント実行手順:
- この SKILL.md ファイルのディレクトリパスを
SKILL_DIRとして特定します。 - スクリプトパス =
${SKILL_DIR}/scripts/<script-name>.ts - このドキュメント内のすべての
${SKILL_DIR}を実際のパスに置き換えます。
スクリプト参照:
| スクリプト | 目的 |
|--------|---------|
| scripts/main.ts | URLフェッチのためのCLIエントリーポイント |
設定 (EXTEND.md)
Bashを使用してEXTEND.mdの存在を確認します (優先順位):
# まずプロジェクトレベルを確認
test -f .baoyu-skills/baoyu-url-to-markdown/EXTEND.md && echo "project"
# 次にユーザーレベル (クロスプラットフォーム: $HOMEはmacOS/Linux/WSLで動作します)
test -f "$HOME/.baoyu-skills/baoyu-url-to-markdown/EXTEND.md" && echo "user"
┌────────────────────────────────────────────────────────┬───────────────────┐ │ パス │ 場所 │ ├────────────────────────────────────────────────────────┼───────────────────┤ │ .baoyu-skills/baoyu-url-to-markdown/EXTEND.md │ プロジェクトディレクトリ │ ├────────────────────────────────────────────────────────┼───────────────────┤ │ $HOME/.baoyu-skills/baoyu-url-to-markdown/EXTEND.md │ ユーザーホーム │ └────────────────────────────────────────────────────────┴───────────────────┘
┌───────────┬───────────────────────────────────────────────────────────────────────────┐ │ 結果 │ アクション │ ├───────────┼───────────────────────────────────────────────────────────────────────────┤ │ 見つかった │ 読み込み、解析、設定の適用 │ ├───────────┼───────────────────────────────────────────────────────────────────────────┤ │ 見つからない │ デフォルトを使用 │ └───────────┴───────────────────────────────────────────────────────────────────────────┘
EXTEND.mdがサポートするもの: デフォルトの出力ディレクトリ | デフォルトのキャプチャモード | タイムアウト設定
機能
- 完全なJavaScriptレンダリングのためのChrome CDP
- 2つのキャプチャモード: 自動またはユーザー待機
- メタデータ付きのクリーンなMarkdown出力
- 待機モードによるログインが必要なページの処理
使用方法
# 自動モード (デフォルト) - ページ読み込み時にキャプチャ
npx -y bun ${SKILL_DIR}/scripts/main.ts <url>
# 待機モード - キャプチャ前にユーザーの合図を待機
npx -y bun ${SKILL_DIR}/scripts/main.ts <url> --wait
# 特定のファイルに保存
npx -y bun ${SKILL_DIR}/scripts/main.ts <url> -o output.md
オプション
| オプション | 説明 |
|---|---|
<url> |
取得するURL |
-o <path> |
出力ファイルパス (デフォルト: 自動生成) |
--wait |
キャプチャ前にユーザーの合図を待機 |
--timeout <ms> |
ページ読み込みタイムアウト (デフォルト: 30000) |
キャプチャモード
| モード | 動作 | 使用する状況 |
|---|---|---|
| 自動 (デフォルト) | ネットワークアイドル時にキャプチャ | 公開ページ、静的コンテンツ |
待機 (--wait) |
準備ができたときにユーザーが合図 | ログインが必要なページ、遅延読み込み、ペイウォール |
待機モードのワークフロー:
--waitを付けて実行 → スクリプトが「準備ができたらEnterを押してください」と出力します。- ユーザーにページの準備ができたことを確認します。
- 標準入力に改行を送信してキャプチャをトリガーします。
出力形式
url、title、description、author、published、captured_at フィールドを持つYAMLフロントマターに続き、変換されたMarkdownコンテンツが出力されます。
出力ディレクトリ
url-to-markdown/<domain>/<slug>.md
<slug>: ページタイトルまたはURLパスから生成 (ケバブケース、2-6単語)- 競合解決: タイムスタンプ
<slug>-YYYYMMDD-HHMMSS.mdを追加
環境変数
| 変数 | 説明 |
|---|---|
URL_CHROME_PATH |
カスタムChrome実行可能パス |
URL_DATA_DIR |
カスタムデータディレクトリ |
URL_CHROME_PROFILE_DIR |
カスタムChromeプロファイルディレクトリ |
トラブルシューティング: Chromeが見つからない → URL_CHROME_PATH を設定してください。タイムアウト → --timeout を増やしてください。複雑なページ → --wait モードを試してください。
拡張機能のサポート
EXTEND.md を介したカスタム設定。パスとサポートされているオプションについては、「設定」セクションを参照してください。
📜 原文 SKILL.md(Claudeが読む英語/中国語)を展開
URL to Markdown
Fetches any URL via Chrome CDP and converts HTML to clean markdown.
Script Directory
Important: All scripts are located in the scripts/ subdirectory of this skill.
Agent Execution Instructions:
- Determine this SKILL.md file's directory path as
SKILL_DIR - Script path =
${SKILL_DIR}/scripts/<script-name>.ts - Replace all
${SKILL_DIR}in this document with the actual path
Script Reference:
| Script | Purpose |
|--------|---------|
| scripts/main.ts | CLI entry point for URL fetching |
Preferences (EXTEND.md)
Use Bash to check EXTEND.md existence (priority order):
# Check project-level first
test -f .baoyu-skills/baoyu-url-to-markdown/EXTEND.md && echo "project"
# Then user-level (cross-platform: $HOME works on macOS/Linux/WSL)
test -f "$HOME/.baoyu-skills/baoyu-url-to-markdown/EXTEND.md" && echo "user"
┌────────────────────────────────────────────────────────┬───────────────────┐ │ Path │ Location │ ├────────────────────────────────────────────────────────┼───────────────────┤ │ .baoyu-skills/baoyu-url-to-markdown/EXTEND.md │ Project directory │ ├────────────────────────────────────────────────────────┼───────────────────┤ │ $HOME/.baoyu-skills/baoyu-url-to-markdown/EXTEND.md │ User home │ └────────────────────────────────────────────────────────┴───────────────────┘
┌───────────┬───────────────────────────────────────────────────────────────────────────┐ │ Result │ Action │ ├───────────┼───────────────────────────────────────────────────────────────────────────┤ │ Found │ Read, parse, apply settings │ ├───────────┼───────────────────────────────────────────────────────────────────────────┤ │ Not found │ Use defaults │ └───────────┴───────────────────────────────────────────────────────────────────────────┘
EXTEND.md Supports: Default output directory | Default capture mode | Timeout settings
Features
- Chrome CDP for full JavaScript rendering
- Two capture modes: auto or wait-for-user
- Clean markdown output with metadata
- Handles login-required pages via wait mode
Usage
# Auto mode (default) - capture when page loads
npx -y bun ${SKILL_DIR}/scripts/main.ts <url>
# Wait mode - wait for user signal before capture
npx -y bun ${SKILL_DIR}/scripts/main.ts <url> --wait
# Save to specific file
npx -y bun ${SKILL_DIR}/scripts/main.ts <url> -o output.md
Options
| Option | Description |
|---|---|
<url> |
URL to fetch |
-o <path> |
Output file path (default: auto-generated) |
--wait |
Wait for user signal before capturing |
--timeout <ms> |
Page load timeout (default: 30000) |
Capture Modes
| Mode | Behavior | Use When |
|---|---|---|
| Auto (default) | Capture on network idle | Public pages, static content |
Wait (--wait) |
User signals when ready | Login-required, lazy loading, paywalls |
Wait mode workflow:
- Run with
--wait→ script outputs "Press Enter when ready" - Ask user to confirm page is ready
- Send newline to stdin to trigger capture
Output Format
YAML front matter with url, title, description, author, published, captured_at fields, followed by converted markdown content.
Output Directory
url-to-markdown/<domain>/<slug>.md
<slug>: From page title or URL path (kebab-case, 2-6 words)- Conflict resolution: Append timestamp
<slug>-YYYYMMDD-HHMMSS.md
Environment Variables
| Variable | Description |
|---|---|
URL_CHROME_PATH |
Custom Chrome executable path |
URL_DATA_DIR |
Custom data directory |
URL_CHROME_PROFILE_DIR |
Custom Chrome profile directory |
Troubleshooting: Chrome not found → set URL_CHROME_PATH. Timeout → increase --timeout. Complex pages → try --wait mode.
Extension Support
Custom configurations via EXTEND.md. See Preferences section for paths and supported options.
同梱ファイル
※ ZIPに含まれるファイル一覧。`SKILL.md` 本体に加え、参考資料・サンプル・スクリプトが入っている場合があります。
- 📄 SKILL.md (5,810 bytes)
- 📎 scripts/cdp.ts (11,034 bytes)
- 📎 scripts/constants.ts (544 bytes)
- 📎 scripts/html-to-markdown.ts (9,039 bytes)
- 📎 scripts/main.ts (6,145 bytes)
- 📎 scripts/paths.ts (1,093 bytes)