skills.rest
lemonhall
lemonhallCOMMUNITY
Explore all skills by this author →
GitHub

headless-web-viewer

Render web pages headlessly with Playwright and extract visible text.

5|1|Updated Jan 28, 2026
Search Tags:#rendering#playwright#headless#webpage#screenshot#text-extraction
One-click install
npx skills add https://github.com/lemonhall/tashan-development-loop --skill headless-web-viewer-lemonhall
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: headless-web-viewer
Source: https://github.com/lemonhall/tashan-development-loop/tree/main/headless-web-viewer
Command: npx skills add https://github.com/lemonhall/tashan-development-loop --skill headless-web-viewer-lemonhall

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This skill enables automated rendering of web pages in a headless browser to capture rendered text and optionally full-page screenshots, addressing the need for accessible content from JavaScript-heavy pages without manual browser interaction.

Core Features & Use Cases

  • Render webpages using Playwright in headless mode and retrieve the complete DOM as rendered HTML.
  • Extract visible text from the rendered page for indexing, summarization, or content analysis.
  • Save artifacts such as HTML, plain-text, and full-page screenshots for archives or reporting.

Quick Start

Run the render_url_playwright.mjs script with a target URL and optional flags to save HTML, text, and a screenshot to disk.

Frequently Asked Questions about headless-web-viewer

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

FAQPage Schema
How do I extract visible text from JavaScript-heavy webpages?▼

Extract visible text from JavaScript-heavy webpages by rendering them headlessly using Playwright in Node.js, which retrieves the fully rendered DOM and outputs the visible text content for analysis.

Can I take full-page screenshots of webpages with Playwright?▼

Yes, you can take full-page screenshots of webpages with Playwright by running the render script in headless mode. It saves the complete webpage screenshot as an image file for your archives or reporting.

What is headless rendering used for in web scraping?▼

Headless rendering in web scraping is used to capture the complete rendered HTML and visible text from JavaScript-heavy sites without manual browser interaction. It outputs the extracted DOM or text to HTML, text, or image files for indexing.

Does this headless webpage viewer require Playwright to run?▼

Yes, this headless webpage viewer requires Playwright and playwright-core dependencies to run. It leverages these frameworks within a Node.js execution environment to render web pages and extract text or screenshots.

How do I save rendered HTML and text to disk using Node.js?▼

Save rendered HTML and text to disk using Node.js by running the render_url_playwright.mjs script with a target URL and optional flags. The script configures outputs to HTML, text, or image files as needed.

Related Skills

Explore More Software Engineering Skills→
grojedagrojeda
25

playwright-cli

Automate browser interactions and run Playwright tests from the command line.

Community
Intermediate
okbest2024okbest2024

autoglm-open-link

Fetch complete webpage text content via the AutoGLM Open Link API.

Community
Advanced
okwindsokwinds
50

headless-web-viewer

Render JavaScript-heavy webpages and extract visible text with Playwright.

Community
Intermediate
msichtermanmsichterman

use-dom

Embed web-only code in native Expo apps using DOM components.

Community
Intermediate