← ClaudeAtlas

capture-inspolisted

Capture full-page screenshots of real sites by aesthetic or vibe as design inspiration, driving your own Chrome via playwriter over Land-book, Lapa Ninja, Awwwards and Mobbin. Use for "capture inspo".
magnusrodseth/dotfiles · ★ 2 · Web & Frontend · score 65
Install: claude install-skill magnusrodseth/dotfiles
# Capture Inspo Turn a vibe ("country wedding", "neo-brutalist", "warm editorial") into a folder of full-page website screenshots, captured from the user's real Chrome, ready to drag into Claude Design. Background on why this exists: the user's vault note "Building Beautiful UI with AI - Ras Mic" describes generating a design system in Claude Design from a full-page screenshot of an inspiration site. This skill automates the "go find and screenshot good inspiration" step. ## Prerequisites - **Read the playwriter skill first**: run `playwriter skill` and follow its rules (observe→act, `state.page`, single quotes, etc.). This skill assumes you drive the browser through playwriter. - Chrome must be running with the playwriter extension connected (`playwriter session new`). - Capture writes via Playwright's `path` (real fs, any dir). In-sandbox `require('fs')` is scoped and **cannot** read `/tmp` or arbitrary dirs — verify saved files from the outer shell instead. ## Source map (vibe → gallery) | Vibe / intent | Galleries (in order) | Notes | |---|---|---| | Marketing / landing page | `land-book.com`, `lapa.ninja` | Free, direct links to live sites, style filters. Default. | | Premium / award-winning / animated | add `awwwards.com` | High craft; many are WebGL-heavy → expect viewport fallback. | | Mobile / web app screens & flows | `mobbin.com` | Best for app UI. Needs login, but the user's Chrome session handles it. Only when asked. | Skip recent.design / Godly: they