skills.rest
magnusrodseth
magnusrodsethCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

capture-inspo

Capture full-page website screenshots matching aesthetic vibes via Playwright.

2|Updated Jun 2, 2024
Search Tags:#Playwright#Chrome extension#design inspiration#web capture#website screenshot
One-click install
npx skills add https://github.com/magnusrodseth/dotfiles --skill capture-inspo
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: capture-inspo
Source: https://github.com/magnusrodseth/dotfiles/tree/main/.claude/skills/capture-inspo
Command: npx skills add https://github.com/magnusrodseth/dotfiles --skill capture-inspo

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires playwright, playwriter, and includes scripts (resource) and assets (resource) components.

What problem does it solve?

The problem is the manual, time-consuming process of finding and capturing web page designs that match a desired aesthetic or mood.

Core Features & Use Cases

  • Vibe-based Screenshoting: Allows users to capture full-page screenshots of websites that match specific aesthetic or mood vibes, like "country wedding" or "neo-brutalist."
  • Automated Browsing and Capture: Browses curated galleries to find potential websites and captures them via the user's connected Chrome browser.
  • Save as Design Inspiration: Stores captured screenshots in a designated folder ready for use in design tools like Claude Design.

Quick Start

Say, "Capture inspo for a 'minimalist tech startup vibe.'"

Frequently Asked Questions about capture-inspo

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

FAQPage Schema
How do I capture full-page website screenshots for design inspiration?▼

To capture full-page website screenshots for design inspiration, request a specific aesthetic vibe like "minimalist tech startup." The tool then automates browsing curated galleries and saves the resulting captures to your personal directory.

Do I need a Playwright extension to automate capturing website screenshots?▼

Yes, automated website screenshot capturing requires a connected Chrome browser with a Playwright extension and an active Playwriter session to control the browsing and selection process.

How does vibe-based web capture work for finding aesthetic designs?▼

Vibe-based web capture works by taking a textual aesthetic description, such as "neo-brutalist" or "country wedding," and automating the browsing of curated galleries to find and screenshot matching websites.

Can I use Playwright to save full-page screenshots directly to a specific folder?▼

Yes, you can use Playwright to save full-page screenshots directly. The tool stores captured website images in a designated personal folder, making them ready for use in design tools.

What's the best way to automate finding and capturing websites that match a specific mood?▼

The best way to automate capturing websites by mood is to provide a specific vibe prompt. The tool then handles the automated browsing of curated design galleries and captures full-page screenshots without manual intervention.

Are there limitations to using a Chrome extension for full-page web captures?▼

A limitation of using a Chrome extension for web captures is the strict dependency on having an active Playwriter session and a connected Chrome browser, meaning it cannot run in a standard headless environment.

Related Skills

Explore More Design & Creative Skills→
KhoiwallKhoiwall

playwriter

Automate real Chrome browser sessions with Playwright code via MCP extension.

Community
Advanced
BENYEKHLEF-AnouarBENYEKHLEF-Anouar

designer-ui

Generate atomic-design UI assets and HTML mockups from wireframes.

Community
Advanced
heyJordanParkerheyJordanParker
20

agent-browser

Automate browser navigation, form filling, and data extraction via CLI commands.

Community
Intermediate
spandiosspandios

dev-browser

Automate browser navigation, form submission, data extraction, and screenshots with Playwright.

Community
Intermediate