
Web to Markdown
FreeConvert web pages to clean Markdown effortlessly.
Free · Opens the source repo
What Web to Markdown does
The Web to Markdown skill allows users to convert web pages into clean Markdown format using the local web2md CLI, which is built on Puppeteer and Readability. This skill is particularly useful for developers and content creators who need to extract and format content from JavaScript-rendered web pages. By leveraging a locally installed browser, this skill ensures that the main content of a page is accurately captured and converted, making it suitable for documentation, note-taking, or content migration tasks.
To use this skill, users must explicitly invoke it by saying use the skill web-to-markdown. Once triggered, the skill validates the provided URLs and checks for the installation of the web2md tool. This process includes handling various output preferences, such as saving the Markdown to a file or printing it to the console. The skill supports batch processing for multiple URLs, making it efficient for users who need to convert several pages at once.
The skill is designed to work best with Chromium-family browsers and provides options for handling tricky pages, including interactive sessions for login checks and customizable waiting conditions to ensure that the page loads fully before extraction. By converting web content into Markdown, users can streamline their workflow and maintain a consistent format across their documentation or projects.
When to use it
Use this skill when you need to convert JavaScript-rendered web pages to Markdown format for documentation or content creation.
When not to use it
Avoid this skill for static HTML pages or when you do not have `web2md` installed, as it relies on this tool for functionality.
What you can build with it
Converting Blog Posts
Extract and convert blog posts from various websites into Markdown for easy editing and reuse.
Documentation Migration
Migrate content from web-based documentation to Markdown format for integration into a local repository.
Content Curation
Gather and format content from multiple sources into a single Markdown document for research or reporting.
How to install Web to Markdown
View source1. Install with the skills CLI
npx skills add davila7/claude-code-templates/web-to-markdown --agent claude-code2. Or install it manually
Download the skill folder and drop it into ~/.claude/skills/ for all projects, or .claude/skills/ to scope it to one repo. Restart Claude Code so it picks up the new skill.
Anthropic's agentic coding CLI, and the reference implementation of Agent Skills. Drop a skill folder into ~/.claude/skills and Claude Code loads it automatically whenever a task matches the skill's description. Claude Code docs
Inside SKILL.md
Written by davila7web-to-markdown
Convert web pages to clean Markdown by driving a locally installed browser (via web2md).
Hard trigger gate (must enforce)
This skill MUST NOT be used unless the user explicitly wrote exactly a phrase like:
use the skill web-to-markdown ...use a skill web-to-markdown ...
If the user did not explicitly request this skill by name, stop and ask them to re-issue the request including: use the skill web-to-markdown.
What this skill does
- Handles JS-rendered pages (Puppeteer → user Chrome).
- Works best with Chromium-family browsers (Chrome/Chromium/Brave/Edge) via
puppeteer-core. - Extracts main content (Readability).
- Converts to Markdown (Turndown) with cleaned links and optional YAML frontmatter.
Non-goals
- Do not use Playwright or other browser automation stacks; the mechanism is
web2md.
Inputs you should collect (ask only if missing)
url(or a list of URLs)- Output preference:
- Print to stdout (
--print), OR - Save to a file (
--out ./file.md), OR - Save to a directory (
--out ./some-dir/to auto-name by page title)
- Print to stdout (
- Optional rendering controls for tricky pages:
--chrome-path <path>(if Chrome auto-detection fails)--interactive(show Chrome and pause so the user can complete human checks/login, then press Enter)--wait-until load|domcontentloaded|networkidle0|networkidle2--wait-for '<css selector>'--wait-ms <milliseconds>--headful(debug)--no-sandbox(sometimes required in containers/CI)--user-data-dir <dir>(login/session; use a dedicated profile directory)
Workflow
- Confirm the user explicitly invoked the skill (
use the skill web-to-markdown). - Validate URL(s) start with
http://orhttps://. - Ensure
web2mdis installed:- Run:
command -v web2md - If missing, instruct the user to install it:
- If available via npm:
npm install -g web2md - If from source: Clone the repository, then run
npm install && npm run build && npm link
- If available via npm:
- Run:
- Convert:
- Single URL → file:
web2md '<url>' --out ./page.md
- Single URL → auto-named file in directory:
mkdir -p ./out && web2md '<url>' --out ./out/
- Human verification / login walls (interactive):
mkdir -p ./out && web2md '<url>' --interactive --user-data-dir ./tmp/web2md-profile --out ./out/- Then: complete the check in the browser window and press Enter in the terminal to continue.
- Print to stdout:
web2md '<url>' --print
- Multiple URLs (batch):
- Create output dir (e.g.
./out/) then run oneweb2mdcommand per URL using--out ./out/
- Create output dir (e.g.
- Single URL → file:
- Validate output:
- If writing files, verify they exist and are non-empty (e.g.
ls -la <path>andwc -c <path>).
- If writing files, verify they exist and are non-empty (e.g.
- Return:
- The saved file path(s), or the Markdown (stdout mode).
Defaults (recommended)
- For most pages:
--wait-until networkidle2 - For heavy apps: start with
--wait-until domcontentloaded --wait-ms 2000, then add--wait-for 'main'(or another stable selector) if needed.
Frequently asked questions about Web to Markdown
Similar skills
Markdown to HTML Conversion
Efficiently convert Markdown documents to HTML.
Code Tour
Create structured walkthroughs for codebases.
Acquire Codebase Knowledge
Streamline onboarding with comprehensive codebase documentation.
Documentation & Modernization
Streamline codebase documentation and modernization planning.
Azure Resource Visualizer
Generate architecture diagrams for Azure resources.
CLAUDE.md Improver
Optimize your CLAUDE.md files for better project context.
