webpage-screenshot-md

Community

Capture reusable webpage sections as Markdown images

AuthorHarzva
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Webpage Screenshot MD provides a repeatable workflow to capture section-level screenshots from web pages and generate Markdown-ready image references for articles, docs, and notes.

Core Features & Use Cases

  • Capture section-level screenshots from any webpage using CSS selectors
  • Combine full-page and selector-based captures
  • Save images to a folder and emit Markdown image lines for easy insertion
  • Optionally update a target Markdown file directly

Quick Start

Run the capture_sections.js script with --url, --config, --out-dir and optional --md-out to generate images and corresponding Markdown lines.

Dependency Matrix

Required Modules

puppeteer

Components

scriptsreferences

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: webpage-screenshot-md
Download link: https://github.com/Harzva/webpage-screenshot-md-skill/archive/main.zip#webpage-screenshot-md

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.