skills.rest
pablitonog
pablitonogCOMMUNITY
Explore all skills by this author →
GitHub

image-fetcher

Fetch images via web search and capture website screenshots with Playwright.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires playwright.

What problem does it solve?

This Skill eliminates the manual friction of searching for, capturing, and organizing visual assets, ensuring your project references are always consistent and well-documented.

Core Features & Use Cases

  • Multi-Source Acquisition: Seamlessly fetch images via web search or capture live website screenshots using Playwright.
  • Asset Organization: Automatically saves and catalogs assets with descriptive filenames and metadata for easy retrieval.
  • Use Case: When building a design mood board or documenting UI benchmarks, use this tool to capture full-page screenshots of competitor sites and save them directly into your project's reference folder with proper metadata.

Quick Start

Use the image-fetcher skill to capture a full-page screenshot of the website at https://example.com 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 for a design mood board?▼

Automate full-page screenshots using Playwright to capture live websites. The tool saves images directly into your project reference folder with descriptive filenames and metadata for easy retrieval.

Can I capture element-specific screenshots instead of full-page website captures?▼

Yes, you can capture element-specific screenshots. The tool supports diverse acquisition modes including viewport, full-page, and element-specific captures to fit your content creation workflow.

How does automated web scraping organize downloaded visual assets?▼

Automated web scraping organizes visual assets by applying deterministic naming conventions and saving metadata. This ensures your project reference libraries remain consistently cataloged and easy to search.

Do I need Playwright installed to capture website screenshots?▼

Yes, Playwright is a required dependency for browser-based screenshotting. You need it installed in your environment to run the automated capture modes and fetch visual assets.

What is the best way to populate a project reference library with competitor UI benchmarks?▼

The best way is using automated browser-based screenshotting to capture competitor sites. It fetches full-page screenshots and catalogs them directly into your reference folder with proper metadata.

Are there safety protocols for web scraping and capturing images?▼

Yes, the image acquisition process implements strict safety protocols during web search and browser-based screenshotting to ensure organized, high-quality asset management without manual friction.

Related Skills

Explore More Design & Creative Skills→
CommonCapitalCommonCapital
2

playwright-python-skill

Automate browser tasks and web application testing with Python and Playwright.

Community
Advanced
deox420deox420

canvas

Organize wiki content into named zones with auto-positioning on a JSON canvas.

Community
Advanced
Spectra29115Spectra29115

web-search

Search the web, fetch URL content as markdown, and capture page screenshots.

Community
Intermediate
roach88roach88
2

browser

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

Community
Intermediate