browser-cli-site-guide

What problem does it solve?

Create site-specific browser-cli guides by exploring live website DOM with browser-cli. Use when asked to create, add, or write a new site guide (site reference, site-specific skill) for browser-cli. Follows a structured workflow: navigate site pages, discover real CSS selectors from the live DOM, build and validate extraction scripts interactively, then write a tested guide file. Triggers on: "add a site guide for github.com", "create browser-cli reference for reddit", "write selectors for youtube.com", "make a new site guide", "add browser-cli support for X", "create a scraper for Y", "write extraction scripts for Z". Also trigger when the user mentions wanting to automate data extraction from a specific website that doesn't have an existing guide.

Core Features & Use Cases

• Prepare step: Initialize a browser-cli session and set up a dedicated tab for safe, isolated exploration of a target site.
• Discover selectors: Identify data-testids, attributes, and containers in live DOM to build robust, reusable selectors.
• Write guide & script: Produce a references/sites/<domain>.md and scripts/<domain-short>.mjs with validated selectors and reusable functions.
• Register guide: Add the new site guide to the SKILL.md catalog for discoverability.

Quick Start

Start the Site Guide Creator to generate a complete selector reference and reusable recipe script for a target domain.