image-fetcher

Acquires visual assets from web search, Playwright screenshots, and user files into a reference folder with metadata.

2.0k|522|Updated Mar 1, 2026
One-click install
npx skills add https://github.com/renatoasse/opensquad --skill image-fetcher-renatoasse
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: image-fetcher
Source: https://github.com/renatoasse/opensquad/tree/main/skills/image-fetcher
Command: npx skills add https://github.com/renatoasse/opensquad --skill image-fetcher-renatoasse

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Acquires visual assets from multiple sources: web image search, live website screenshots via Playwright, and user-provided files. It then organizes assets into the squad's reference folder with descriptive filenames and metadata to streamline content workflows.

Core Features & Use Cases

  • Web Image Search: Find and download images by keyword, evaluate results, and save the best match for reuse in posts, slides, or dashboards.
  • Live Screenshot: Capture screenshots of URLs using Playwright MCP with configurable viewport sizes to match platform formats.
  • Asset Organization: Save all acquired assets with descriptive filenames in the reference and output folders, and maintain accompanying metadata for traceability.

Quick Start

Fetch assets for a given keyword and save images or screenshots to the squad reference folder with descriptive filenames.

Frequently Asked Questions about image-fetcher

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

FAQPage Schema
How do I capture a live website screenshot using Playwright?

Web image search involves finding and downloading images by keyword, evaluating results, and saving the best match for reuse. It applies deterministic asset naming and captures metadata like path, width, height, source_type, and original_url for traceability.

How do I organize downloaded web images into a reference folder?

You organize downloaded web images by saving them into a squad reference folder with descriptive filenames. The system applies deterministic asset naming and maintains accompanying metadata for traceability across projects and content creation workflows.

Can I capture website screenshots with specific viewport sizes for different platforms?

Yes, you can capture website screenshots with specific viewport sizes for different platforms. The live screenshot feature uses Playwright with configurable viewport controls to match various platform formats and applies safe caching with size limits.

What metadata is captured when fetching visual assets from the web?

When fetching visual assets, the metadata captured includes path, width, height, source_type, and original_url. This metadata is maintained alongside the acquired assets in the reference folder to ensure traceability across projects.

Does web image fetching work with user-provided files across multiple projects?

Yes, web image fetching works with user-provided files across multiple projects. The system acquires visual assets from multiple sources including user-provided files, organizes them into the reference folder, and handles them with deterministic naming and metadata capture.