skills.rest
acquia
acquiaOFFICIAL
Explore all skills by this author →
WebsiteGitHub

nebula-scrape-url

Capture desktop, tablet, and mobile screenshots and HTML from web pages.

16|6|Updated Feb 19, 2025
Search Tags:#html#responsive#nodejs#scraper#screenshot#web-scraping#design-reference
One-click install
npx skills add https://github.com/acquia/nebula --skill nebula-scrape-url
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: nebula-scrape-url
Source: https://github.com/acquia/nebula/tree/main/.agents/skills/nebula-scrape-url
Command: npx skills add https://github.com/acquia/nebula --skill nebula-scrape-url

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Capture visual and structural references from live web pages so designers and developers can quickly recreate or implement page designs without manual screenshotting and HTML copying.

Core Features & Use Cases

  • Run a headless scraper to capture desktop, tablet, and mobile screenshots plus the full page HTML for structural reference.
  • Organize outputs into a timestamped scraped directory for easy review and handoff to component builders.
  • Use when asked to build, recreate, or implement a design from a web URL; avoid using for Figma, GitHub, or documentation links.

Quick Start

Run the scraper against the page URL to capture desktop, tablet, and mobile screenshots and the full HTML for reference.

Frequently Asked Questions about nebula-scrape-url

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

FAQPage Schema
How do I capture webpage screenshots and full HTML for design reference?▼

Capture webpage screenshots and full HTML by running a Node.js scraper that saves desktop, tablet, and mobile views alongside page HTML into a timestamped directory for design reference.

Can I use a web page scraper to recreate designs from live URLs?▼

Use a web page scraper to capture visual and structural references from live URLs, recreating or implementing page designs without manual screenshotting and HTML copying.

Does this screenshot tool work with Figma or GitHub documentation links?▼

This screenshot tool does not work with Figma, GitHub, or documentation links. It is designed specifically for capturing live web page URLs when building or recreating designs.

What is the best way to save responsive screenshots for desktop, tablet, and mobile?▼

Save responsive screenshots using a headless scraper that automatically captures desktop, tablet, and mobile views of a web page, organizing them into a timestamped scraped directory.

When do I need to scrape full page HTML alongside screenshots?▼

Scrape full page HTML alongside screenshots when you need structural reference for building or implementing a design from a live web page URL, ensuring accurate visual and structural recreation.

Related Skills

Explore More Design & Creative Skills→
haposofthaposoft
54

hapo:chrome-devtools

Automate browser interactions with Puppeteer for navigation, screenshots, and element analysis.

Official
Advanced
OneWave-AIOneWave-AI
245

screenshot-to-code

Convert UI screenshots into responsive HTML, CSS, React, or Vue code.

Official
Advanced
EzioPeterEzioPeter
1

frontend-design

Generate React, Vue, or HTML components with responsive styling from design briefs.

Community
Advanced
onbluerosesonblueroses
3

mobile-preview

Capture mobile viewport screenshots of web pages to test responsiveness.

Community
Basic