Browser automation & visual QA — Master Hub
Use to automate the browser: visual QA, network auditing, and flow recording.
How to use this hub
This single skill bundles all 7 browser automation skills. Each bundled skill's full instructions live in skills/<name>/GUIDE.md (plus any scripts/, data/, references/ next to it).
Workflow:
- Match the user's request to one or more skills in the list below.
- Read that skill's
skills/<name>/GUIDE.md for full instructions before acting.
- Combine multiple bundled skills when a task spans several areas.
Bundled skills
- blastum-puppeteer — Headless web browser automation for document acquisition and page scraping. Use when fetching JavaScript-rendered pages, extracting clean document content, or bypassing basic bot detection for pers...
→ skills/blastum-puppeteer/GUIDE.md
- comparing-branches-visually — Check out two branches in separate worktrees, start both dev servers on different ports, screenshot the same pages, and produce a visual diff.
→ skills/comparing-branches-visually/GUIDE.md
- network-request-auditing — After navigating and interacting in Cursor's built-in browser, use browser_network_requests to audit every fetch/XHR for failures, slowness, duplicate calls, and suspicious payloads. Use for API-he...
→ skills/network-request-auditing/GUIDE.md
- recording-browser-flow-as-test — Execute a user flow step-by-step in Cursor's built-in browser while documenting each action, then emit a Playwright test that replays the same flow using stable selectors derived from the accessibi...
→ skills/recording-browser-flow-as-test/GUIDE.md
- screenshotting-changelog — Generate a visual changelog or PR description by taking before/after screenshots of UI changes using Cursor's built-in browser. Use when preparing a PR with visual changes.
→ skills/screenshotting-changelog/GUIDE.md
- verifying-in-browser — After making code changes, start the dev server, open the app in Cursor's built-in browser, and verify everything works — check rendering, console errors, and network health. Use proactively after ...
→ skills/verifying-in-browser/GUIDE.md
- visual-qa-testing — Visually QA a web application by launching it in Cursor's built-in browser, taking screenshots, checking console errors, and auditing network requests. Use after making UI changes to verify they lo...
→ skills/visual-qa-testing/GUIDE.md
Note
These bundled skills are intentionally not registered as separate Cursor skills (their files are GUIDE.md, not SKILL.md) so only this master appears in the skills list. Read the relevant GUIDE.md on demand.
1---2name: browser-automation-master3description: Browser automation & visual QA — Master Hub4---56# Browser automation & visual QA — Master Hub78Use to automate the browser: visual QA, network auditing, and flow recording.910## How to use this hub1112This single skill bundles **all 7 browser automation skills**. Each bundled skill's full instructions live in `skills/<name>/GUIDE.md` (plus any `scripts/`, `data/`, `references/` next to it).1314**Workflow:**151. Match the user's request to one or more skills in the list below.162. Read that skill's `skills/<name>/GUIDE.md` for full instructions before acting.173. Combine multiple bundled skills when a task spans several areas.1819## Bundled skills2021- **blastum-puppeteer** — Headless web browser automation for document acquisition and page scraping. Use when fetching JavaScript-rendered pages, extracting clean document content, or bypassing basic bot detection for pers... 22 → `skills/blastum-puppeteer/GUIDE.md`23- **comparing-branches-visually** — Check out two branches in separate worktrees, start both dev servers on different ports, screenshot the same pages, and produce a visual diff. 24 → `skills/comparing-branches-visually/GUIDE.md`25- **network-request-auditing** — After navigating and interacting in Cursor's built-in browser, use browser_network_requests to audit every fetch/XHR for failures, slowness, duplicate calls, and suspicious payloads. Use for API-he... 26 → `skills/network-request-auditing/GUIDE.md`27- **recording-browser-flow-as-test** — Execute a user flow step-by-step in Cursor's built-in browser while documenting each action, then emit a Playwright test that replays the same flow using stable selectors derived from the accessibi... 28 → `skills/recording-browser-flow-as-test/GUIDE.md`29- **screenshotting-changelog** — Generate a visual changelog or PR description by taking before/after screenshots of UI changes using Cursor's built-in browser. Use when preparing a PR with visual changes. 30 → `skills/screenshotting-changelog/GUIDE.md`31- **verifying-in-browser** — After making code changes, start the dev server, open the app in Cursor's built-in browser, and verify everything works — check rendering, console errors, and network health. Use proactively after ... 32 → `skills/verifying-in-browser/GUIDE.md`33- **visual-qa-testing** — Visually QA a web application by launching it in Cursor's built-in browser, taking screenshots, checking console errors, and auditing network requests. Use after making UI changes to verify they lo... 34 → `skills/visual-qa-testing/GUIDE.md`3536## Note3738These bundled skills are intentionally not registered as separate Cursor skills (their files are `GUIDE.md`, not `SKILL.md`) so only this master appears in the skills list. Read the relevant `GUIDE.md` on demand.
Bodymobarez