web-fetch

Convert HTTP/HTTPS web pages into clean Markdown using selectors and DOM parsing.

Updated Aug 27, 2026
One-click install
npx skills add https://github.com/awfixers-stuff/opencode-config --skill web-fetch-awfixers-stuff
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-fetch
Source: https://github.com/awfixers-stuff/opencode-config/tree/main/skills/web-fetch
Command: npx skills add https://github.com/awfixers-stuff/opencode-config --skill web-fetch-awfixers-stuff

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Extracts readable, cleaned Markdown from arbitrary HTTP/HTTPS pages by preferring markdown-native responses and falling back to selector-based HTML extraction and a DOM-to-markdown parser when selectors fail. It eliminates manual copy-paste and noisy HTML by detecting content type, isolating content containers, and stripping navigation and UI artifacts.

Core Features & Use Cases

  • Content-type prioritization: Prefers text/markdown endpoints to preserve native Markdown content.
  • Selector-based extraction: Uses site-specific or generic CSS selectors to extract article/main content and remove nav/header/footer elements.
  • DOM-to-Markdown fallback: Provides a Bun-based parser that selects the largest content region, cleans UI elements, and converts HTML to well-formed Markdown with preserved code blocks.
  • Use Case: Ideal for grabbing documentation pages, blog articles, or reference material for summarization, archiving, or inclusion into knowledge bases.

Quick Start

Fetch https://example.com and convert the page to clean markdown, preferring markdown responses and falling back to selector extraction or the Bun DOM-to-markdown parser.

Frequently Asked Questions about web-fetch

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

FAQPage Schema
How do I convert HTML web pages to clean Markdown?▼

Converting web pages to Markdown involves detecting content types, prioritizing text/markdown responses, and falling back to selector-based HTML extraction. This process removes navigation and UI artifacts, yielding clean Markdown for articles or documentation.

How does web scraping handle documentation pages with code blocks?▼

Scraping documentation pages preserves code blocks and headings by applying a Bun-based Turndown fallback parser. It selects the largest content region, removes UI elements, and converts HTML to well-formed Markdown while maintaining technical formatting.

What is the best way to extract article content and remove navigation elements?▼

Extracting article content while removing navigation is achieved through selector-based inclusion and exclusion. The Skill targets article and main content containers with site-specific or generic CSS selectors, explicitly stripping header, footer, and nav artifacts.

Does content extraction work on unfamiliar sites without specific selectors?▼

Content extraction handles unfamiliar sites by applying generic CSS selectors to isolate main content. If initial selectors fail, a Bun-based DOM-to-markdown parser selects the largest content region and automatically cleans remaining UI elements to produce Markdown.

Why does my fetched web page include UI artifacts and navigation text?▼

Fetched pages include UI artifacts when generic selectors fail to isolate the main content region. The DOM-to-markdown fallback addresses this by selecting the largest content area and cleaning UI elements, though highly non-standard page structures may cause residual noise.