create-md-from-browsermcp-snapshot

Name: create-md-from-browsermcp-snapshot
Author: derailed-dash

19installs1forks

How to install create-md-from-browsermcp-snapshot?

derailed-dash/dazbo-agent-skills/create-md-from-browsermcp-snapshot

$npx -y skills add derailed-dash/dazbo-agent-skills --skill create-md-from-browsermcp-snapshot

Installs into the current project.

Summary

Extracts and converts BrowserMCP accessibility tree snapshots into clean, high-fidelity Markdown documents with correct structures (headings, lists, tables, blockquotes, formatting, and links).

Files · 1

View on GitHub

SKILL.md

1	# Create Markdown from BrowserMCP Snapshot
2
3	This skill converts a raw accessibility tree snapshot captured by BrowserMCP (via the `browser_snapshot` tool) into a beautifully formatted, high-fidelity Markdown document.
4
5	## When to Use
6
7	Use this skill when:
8	- You have captured a webpage's accessibility tree YAML using the BrowserMCP `browser_snapshot` tool.
9	- You need to generate a structured, high-fidelity Markdown (`.md`) representation of the page content.
10	- You want to extract clean lists, tables, headers, blockquotes, and link destinations from the captured page layout.
11
12	Note: this skill complements browser navigation using the BrowserMCP tool. It is NOT intended to be used with other browser navigation tools, such as Playwright or the Antigravity built-in browser agent. Be sure to be explicit about what tools to use and what to avoid.
13
14	## How it Works
15
16	The skill runs a Python parser that reads the captured accessibility tree YAML snapshot, builds a parent-child node hierarchy, and recursively converts the tags and properties into Markdown text.
17
18	### Folder Structure
19
20	```
21	create-md-from-browsermcp-snapshot/
22	├── SKILL.md
23	└── scripts/
24	└── parse_snapshot.py
25	```
26
27	### Execution Procedure
28
29	1. Capture Snapshot: Navigate to the target URL using the BrowserMCP `browser_navigate` and run `browser_snapshot` to output the accessibility tree.
30	2. Execute Parser: Run the python script `parse_snapshot.py` passing the absolute path of the captured snapshot text file as an argument and specifying the output Markdown path.
31
32	```bash
33	python3 ./create-md-from-browsermcp-snapshot/scripts/parse_snapshot.py --input <snapshot_path> --output <markdown_path> [--start-heading <heading_title>] [--end-marker <footer_text>]
34	```

People who liked this also viewed

6 picks

Type

create-md-from-browsermcp-snapshot

19installs1forks

View on GitHub

How to install create-md-from-browsermcp-snapshot?

derailed-dash/dazbo-agent-skills/create-md-from-browsermcp-snapshot

$npx -y skills add derailed-dash/dazbo-agent-skills --skill create-md-from-browsermcp-snapshot

Installs into the current project.

Summary

Extracts and converts BrowserMCP accessibility tree snapshots into clean, high-fidelity Markdown documents with correct structures (headings, lists, tables, blockquotes, formatting, and links).

Files · 1

View on GitHub

SKILL.md

1	# Create Markdown from BrowserMCP Snapshot
2
3	This skill converts a raw accessibility tree snapshot captured by BrowserMCP (via the `browser_snapshot` tool) into a beautifully formatted, high-fidelity Markdown document.
4
5	## When to Use
6
7	Use this skill when:
8	- You have captured a webpage's accessibility tree YAML using the BrowserMCP `browser_snapshot` tool.
9	- You need to generate a structured, high-fidelity Markdown (`.md`) representation of the page content.
10	- You want to extract clean lists, tables, headers, blockquotes, and link destinations from the captured page layout.
11
12	Note: this skill complements browser navigation using the BrowserMCP tool. It is NOT intended to be used with other browser navigation tools, such as Playwright or the Antigravity built-in browser agent. Be sure to be explicit about what tools to use and what to avoid.
13
14	## How it Works
15
16	The skill runs a Python parser that reads the captured accessibility tree YAML snapshot, builds a parent-child node hierarchy, and recursively converts the tags and properties into Markdown text.
17
18	### Folder Structure
19
20	```
21	create-md-from-browsermcp-snapshot/
22	├── SKILL.md
23	└── scripts/
24	└── parse_snapshot.py
25	```
26
27	### Execution Procedure
28
29	1. Capture Snapshot: Navigate to the target URL using the BrowserMCP `browser_navigate` and run `browser_snapshot` to output the accessibility tree.
30	2. Execute Parser: Run the python script `parse_snapshot.py` passing the absolute path of the captured snapshot text file as an argument and specifying the output Markdown path.
31
32	```bash
33	python3 ./create-md-from-browsermcp-snapshot/scripts/parse_snapshot.py --input <snapshot_path> --output <markdown_path> [--start-heading <heading_title>] [--end-marker <footer_text>]
34	```

People who liked this also viewed

6 picks

Type