web-to-markdown

Convert JavaScript-rendered web pages into structured Markdown files.

9|2|Updated Jan 29, 2026
One-click install
npx skills add https://github.com/stephanj/claude-code-collections --skill web-to-markdown-stephanj
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: web-to-markdown
Source: https://github.com/stephanj/claude-code-collections/tree/main/skills/web-to-markdown
Command: npx skills add https://github.com/stephanj/claude-code-collections --skill web-to-markdown-stephanj

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires puppeteer-core, readability, turndown.

What problem does it solve?

This skill solves the difficulty of extracting content from modern, JavaScript-heavy websites that standard fetch tools cannot render, ensuring you get clean, readable Markdown for your documentation or analysis.

Core Features & Use Cases

  • JavaScript Rendering: Uses Puppeteer to fully load dynamic content before extraction.
  • Smart Extraction: Leverages Mozilla Readability to strip away ads, navigation, and clutter.
  • Use Case: Use this to archive complex documentation sites, convert news articles for offline reading, or scrape data from single-page applications that require browser-level execution.

Quick Start

Use the skill web-to-markdown to convert the URL https://example.com/article and save the result to article.md.

Frequently Asked Questions about web-to-markdown

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I convert a dynamic, JavaScript-rendered web page to Markdown?

To convert a dynamic web page to Markdown, use a browser automation tool to fully render the JavaScript content, extract the readable text, and format it into a structured Markdown file. This process strips away clutter like ads and navigation.

What is the best way to scrape content from single-page applications for offline reading?

The best way to scrape content from single-page applications is using headless browser rendering to load dynamic content, followed by smart extraction to strip clutter, resulting in clean Markdown files for offline reading.

Do I need a local browser installed to extract documentation from JavaScript-heavy websites?

Yes, you need a local Chromium-based browser to extract documentation from JavaScript-heavy websites. The conversion process uses Puppeteer for headless rendering to fully load dynamic content before extracting the text.

How does Mozilla Readability handle ads and navigation clutter during web scraping?

Mozilla Readability handles ads and navigation clutter by smartly extracting the main readable content from the fully rendered web page. It strips away non-essential elements before converting the remaining text into Markdown.

Why does standard web scraping fail on modern dynamic web pages?

Standard web scraping fails on modern dynamic web pages because standard fetch tools cannot render JavaScript. Without browser-level execution to load dynamic content, the extracted HTML lacks the actual readable text needed for analysis.