Automate full-site capture with Playwright text-based selectors and configurable depth.
npx skills add https://github.com/leessju/claude-skills --skill site-capture
Please help me install this Agent Skill. Skill: site-capture Source: https://github.com/leessju/claude-skills/tree/main/site-capture Command: npx skills add https://github.com/leessju/claude-skills --skill site-capture
웹사이트의 모든 페이지를 자동으로 캡처하는 과정을 간소화하여 개발자와 QA가 대규모 사이트를 신속하게 시각화하고 아카이브할 수 있도록 한다.
Run the site-capture tool on a URL to generate sequential full-page screenshots.
High-intent search queries and answers about installing and using this skill.
Full-site capture automates Playwright to navigate main navigation, subtabs, and submenus recursively up to a configurable depth. It uses text-based selectors to handle SPA-heavy sites, dynamic menus, and popups, generating full-page screenshots for reference or QA.
Playwright handles text-based selectors by matching visible text elements for reliable navigation instead of fragile CSS or XPath locators. This approach ensures stable traversal across dynamic menus, accordions, and modal popups during the site capture process.
Yes, you can capture modal popups and dropdown menus during automated website capture. The workflow recursively traverses navigation hierarchies and includes dynamic UI elements like accordion menus and modal popups in the full-page screenshots.
The best way to archive an entire website for QA reference is to run an automated Playwright-based site capture. It traverses all navigation levels and produces sequential full-page screenshots, creating a visual snapshot archive for visual reference and QA testing.
You can control the traversal depth when crawling a website for screenshots by configuring the depth parameter in the site-capture automation. This setting defines how deep the Playwright engine recursively navigates through main navigation, subtabs, and submenus.
Full-site capture works with dynamic SPA-heavy sites by using Playwright to handle asynchronous content loading and dynamic UI updates. Text-based selectors ensure reliable navigation through single-page application architectures, dropdowns, and accordions during the capture process.
MakisuoInstall and configure a local ClickHouse environment with clickhousectl.
hmu332233Capture and compare full-page screenshots of multiple web pages using Playwright CLI.
matteocervelliGenerate Playwright end-to-end tests using the page object model.
woxiangyangzhimaoAutomate Chrome browser interactions for form filling, clicking, and screenshots.
