skills.rest
six-ddc
six-ddcCOMMUNITY
Explore all skills by this author →
GitHub

browser-cli-site-guide

Generate site-specific browser-cli guides with validated CSS selectors and reusable scripts.

Updated Feb 9, 2026
Search Tags:#automation#documentation#selectors#browser-cli#site-guide#web-dom
One-click install
npx skills add https://github.com/six-ddc/browser-cli --skill browser-cli-site-guide
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: browser-cli-site-guide
Source: https://github.com/six-ddc/browser-cli/tree/main/skills/browser-cli-site-guide
Command: npx skills add https://github.com/six-ddc/browser-cli --skill browser-cli-site-guide

SYSTEM DOCUMENTATION & REQUIREMENTS

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.

Frequently Asked Questions about browser-cli-site-guide

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

FAQPage Schema
How do I create a site guide for browser-cli to automate web data extraction?▼

To create a site guide for browser-cli, you explore a live website's DOM, extract stable CSS selectors, and generate a reusable recipe script along with a documented markdown reference for automation.

What is the process for discovering stable CSS selectors from a live website?▼

Discovering stable CSS selectors involves navigating site pages in an isolated browser-cli session, inspecting the live DOM for data-testids and attributes, and interactively validating them before writing the final extraction scripts.

Can I use browser-cli to add scraping support for a website without an existing guide?▼

Yes, you can use browser-cli to add scraping support for unguided websites by interactively exploring the live DOM, validating robust selectors, and registering a new site-specific guide and script in the catalog.

How do I register a newly created browser-cli site guide so it is discoverable?▼

You register a newly created browser-cli site guide by updating the SKILL.md catalog, which ensures the generated references and scripts are discoverable and available for future automation workflows.

What files are generated when writing extraction scripts for a specific domain?▼

Writing extraction scripts for a specific domain produces a references/sites/<domain>.markdown file containing the selector guide and a scripts/<domain-short>.mjs file containing the validated automation recipe.

Does this site guide creation workflow require manual CSS selector validation?▼

The workflow enforces interactive selector validation by building and testing extraction scripts against the live DOM during the discovery phase, ensuring the final recipe scripts are robust and reusable.

Related Skills

Explore More Software Engineering Skills→
yigitkonuryigitkonur
11

run-agent-browser

Drives browser automation via agent-browser CLI for navigation, DOM interaction, sessions, tabs, screenshots, and data extraction.

Community
Intermediate
abdullah1854abdullah1854
1

chrome-data-extract

Generate JavaScript snippets to extract structured data from HTML tables, forms, and lists.

Community
Intermediate
ivalsarajivalsaraj
7

highlight

Highlight matching DOM elements with a CSS outline and clear them.

Community
Basic
kollaboraikollaborai
1

webapp-testing

Automate local web app testing with Playwright and Python scripts.

Community
Intermediate