web-content-scraper

Extract main article content and image attributions as Markdown from web pages.

1|Updated Feb 4, 2026
One-click install
npx skills add https://github.com/sekka1/mosswall --skill web-content-scraper
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: web-content-scraper
Source: https://github.com/sekka1/mosswall/tree/main/.github/skills/web-content-scraper
Command: npx skills add https://github.com/sekka1/mosswall --skill web-content-scraper

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires playwright, and includes scripts (resource) components.

What problem does it solve?

This Skill enables reliable extraction of the main article content from web pages while filtering noise like ads, headers, footers, and navigation. It also downloads relevant images and preserves their source URLs for copyright attribution, delivering clean, markdown-ready content for AI contexts.

Core Features & Use Cases

  • Main content extraction: Retrieve the primary article or page content and convert it to markdown.
  • Image attribution: Download images with alt text and preserve source attribution metadata.
  • Robust to site variations: Works across blogs, documentation pages, and care guides by targeting common content regions and removing boilerplate.
  • Use Case: Feed collected web content into your moss wall knowledge base to answer questions with both text and referenced images.

Quick Start

  • Provide a URL to scrape (e.g., https://example.com/article) and return the cleaned main content as markdown, including image captions and attribution URLs.

Frequently Asked Questions about web-content-scraper

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

FAQPage Schema
How do I extract web content as markdown with image attribution?

To extract web content as markdown with image attribution, provide a URL to scrape. The Skill uses a headless Playwright pipeline to isolate the main article, remove boilerplate like ads, and export the text alongside an image attribution manifest.

Does this web scraper work with documentation pages and care guides?

Yes, this web scraper works with documentation pages and care guides by targeting common content regions and removing boilerplate. It is robust to site variations, making it suitable for scraping blogs and documentation to build a local knowledge base.

Can I use Playwright to scrape dynamic web pages for AI context?

Yes, you can use Playwright to scrape dynamic web pages for AI context. The Skill relies on a headless Playwright-based rendering pipeline to fully load page content, capture images with correct sources, and deliver clean markdown.

What is the best way to download images and preserve source URLs during content extraction?

The best way to download images and preserve source URLs during content extraction is using a pipeline that captures image metadata directly from the rendered DOM. This Skill downloads relevant images with alt text and exports an attribution manifest.

Why does web scraping not working with ads and navigation elements?

Web scraping often captures ads and navigation elements because standard fetch methods pull the entire page HTML. This Skill solves that by targeting common content regions and filtering noise to deliver only the main article content.