skills.rest
bruno0henrique
bruno0henriqueCOMMUNITY
Explore all skills by this author →
GitHub

image-fetcher

Search the web for images and capture Playwright screenshots with deterministic filenames.

Updated Apr 9, 2026
Search Tags:#automation#screenshots#images#assets#playwright#scraping
One-click install
npx skills add https://github.com/bruno0henrique/o-nexus --skill image-fetcher-bruno0henrique
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: image-fetcher
Source: https://github.com/bruno0henrique/o-nexus/tree/main/skills/image-fetcher
Command: npx skills add https://github.com/bruno0henrique/o-nexus --skill image-fetcher-bruno0henrique

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires playwright.

What problem does it solve?

This Skill solves the friction of manually searching for, capturing, and organizing visual assets from the web, ensuring your project references are always up-to-date and well-structured.

Core Features & Use Cases

  • Web Image Search: Quickly find and download relevant images based on keywords.
  • Live Website Screenshots: Capture high-fidelity screenshots of live web pages using Playwright, supporting viewport, full-page, or element-specific captures.
  • Asset Organization: Automatically saves and catalogs assets with descriptive filenames and metadata to maintain a clean project repository.

Quick Start

Use the image-fetcher skill to capture a full-page screenshot of the provided URL and save it to the reference folder.

Frequently Asked Questions about image-fetcher

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

FAQPage Schema
How do I automate capturing full-page screenshots of live websites for reference libraries?▼

Automate full-page screenshots using Playwright to populate reference libraries. It captures viewport, full-page, or element-specific renders and organizes them with deterministic file naming and metadata tagging.

What is the best way to scrape web images and keep project assets organized?▼

Scraping web images is handled through automated browser-based searching and capturing. The skill enforces consistent asset management by applying descriptive filenames and metadata tagging to the downloaded files.

Does the screenshot automation support element-specific rendering instead of full-page captures?▼

Yes, screenshot automation supports element-specific rendering alongside viewport and full-page capture modes, allowing you to isolate and acquire specific visual assets from web pages using Playwright.

Do I need Playwright installed to use this automated web asset acquisition tool?▼

Yes, Playwright is a required dependency. The skill relies on its automated browser capabilities to perform web image searches and capture high-fidelity screenshots of live web pages.

How does automated screenshotting handle file naming and cache efficiency for visual assets?▼

Automated screenshotting handles file naming deterministically and applies metadata tagging. This ensures consistent asset management and optimizes cache efficiency for your project reference libraries.

Related Skills

Explore More Design & Creative Skills→
levanminhduclevanminhduc

chrome-devtools

Automate browser tasks and debugging workflows with Puppeteer CLI scripts.

Community
Advanced
malue-aimalue-ai
36

linux-screenshot

Capture Linux screenshots with scrot or gnome-screenshot to /tmp/.

Official
Basic
samer-azsamer-az

assetpipe

Generate web design assets using MCP-based image generation tools.

Community
Advanced
roach88roach88
2

browser

Automate Chrome via Chrome DevTools Protocol without extensions or MCP tooling.

Community
Intermediate