Dev-Browser CLI Automation
SawyerHood/dev-browser
Browser automation with persistent named pages via the dev-browser CLI. Use when users ask to navigate websites, fill forms, take screenshots, extract web…
Generate behavioral/feature documentation for web apps using code-first analysis.
$ npx skills add oaustegard/claude-skills --skill mapping-webapp -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install oaustegard/claude-skills mapping-webapp --agent claude-codeProject scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).
$ git clone --depth 1 https://github.com/oaustegard/claude-skills.git skills-src && mkdir -p .claude/skills && cp -r skills-src/mapping-webapp .claude/skills/mapping-webapp && rm -rf skills-srcUse ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.
Claude Code skills documentation · loads skills from .claude/skills/
Install the "mapping-webapp" agent skill from https://github.com/oaustegard/claude-skills/tree/main/mapping-webapp into .claude/skills/mapping-webapp/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "mapping-webapp", then confirm the skill loads.Claude Code copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$skill-installer install https://github.com/oaustegard/claude-skills/tree/main/mapping-webappType this inside Codex. $skill-installer <name> installs a curated skill from openai/skills. The installer writes to $CODEX_HOME/skills (default ~/.codex/skills). Restart Codex if the skill does not show up.
$ npx skills add oaustegard/claude-skills --skill mapping-webapp -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install oaustegard/claude-skills mapping-webapp --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/oaustegard/claude-skills.git skills-src && mkdir -p .agents/skills && cp -r skills-src/mapping-webapp .agents/skills/mapping-webapp && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "mapping-webapp" agent skill from https://github.com/oaustegard/claude-skills/tree/main/mapping-webapp into .agents/skills/mapping-webapp/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "mapping-webapp", then confirm the skill loads.Codex copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add oaustegard/claude-skills --skill mapping-webapp -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install oaustegard/claude-skills mapping-webapp --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/oaustegard/claude-skills.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/mapping-webapp .cursor/skills/mapping-webapp && rm -rf skills-srcUse ~/.cursor/skills/ instead of .cursor/skills for a personal install.
Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/
Install the "mapping-webapp" agent skill from https://github.com/oaustegard/claude-skills/tree/main/mapping-webapp into .cursor/skills/mapping-webapp/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "mapping-webapp", then confirm the skill loads.Cursor copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gemini skills install https://github.com/oaustegard/claude-skills.git --path mapping-webapp--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.
$ npx skills add oaustegard/claude-skills --skill mapping-webapp -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install oaustegard/claude-skills mapping-webapp --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/oaustegard/claude-skills.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/mapping-webapp .gemini/skills/mapping-webapp && rm -rf skills-srcUse ~/.gemini/skills/ instead of .gemini/skills for a personal install, then run /skills reload.
Gemini CLI skills documentation · loads skills from .gemini/skills/, .agents/skills/
Install the "mapping-webapp" agent skill from https://github.com/oaustegard/claude-skills/tree/main/mapping-webapp into .gemini/skills/mapping-webapp/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "mapping-webapp", then confirm the skill loads.Gemini CLI copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gh skill install oaustegard/claude-skills mapping-webappInstalls for Copilot at project scope by default; add --scope user for a personal install. Preview a skill first with gh skill preview. Needs GitHub CLI 2.90.0 or later (public preview).
$ npx skills add oaustegard/claude-skills --skill mapping-webapp -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/oaustegard/claude-skills.git skills-src && mkdir -p .github/skills && cp -r skills-src/mapping-webapp .github/skills/mapping-webapp && rm -rf skills-srcUse ~/.copilot/skills/ instead of .github/skills for a personal install. Commit .github/skills so cloud agent and code review can use it.
GitHub Copilot skills documentation · loads skills from .github/skills/, .claude/skills/, .agents/skills/
Install the "mapping-webapp" agent skill from https://github.com/oaustegard/claude-skills/tree/main/mapping-webapp into .github/skills/mapping-webapp/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "mapping-webapp", then confirm the skill loads.GitHub Copilot copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add oaustegard/claude-skills --skill mapping-webapp -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install oaustegard/claude-skills mapping-webapp --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/oaustegard/claude-skills.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/mapping-webapp .opencode/skills/mapping-webapp && rm -rf skills-srcUse ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.
OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/
Install the "mapping-webapp" agent skill from https://github.com/oaustegard/claude-skills/tree/main/mapping-webapp into .opencode/skills/mapping-webapp/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "mapping-webapp", then confirm the skill loads.OpenCode copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
mapping-webappGenerate behavioral/feature documentation for web apps using code-first analysis.
Mapping Webapp is an agent skill from oaustegard/claude-skills. Generate behavioral/feature documentation for web apps using code-first analysis. Reads source code via tree-sitting to produce FEATURES.md, with optional visual verification via browser automation. Companion to tree-sitting. Use when documenting app behavior, creating feature inventories, generating behavioral ground truth for agents, or before modifying UI code. Triggers on "map features", "document app behavior", "feature inventory", "what does this app do".
Its SKILL.md is about 1.5k tokens, which your agent loads only when the skill is triggered. The skill folder holds 14 other files, including scripts (for example `CHANGELOG.md`, `scripts/__init__.py` and `scripts/analyze.py`).
It sits in Productivity & Automation, covering Browser automation. It works with Anthropic API. The repository describes itself as: My collection of Claude skills. The licence is MIT.
4 steps, taken from the step headings in SKILL.md.
Read from SKILL.md and the folder at commit 559a6cd. It shows what the files ask for, not the result of running them.
Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.
From allowed-tools in the SKILL.md frontmatter.
Ships 12 files in scripts/ (Python), which the agent can run.
Shell commands in SKILL.md call:
pythonFrom the folder's file list and the shell code blocks in SKILL.md.
No URLs in SKILL.md.
From URLs in SKILL.md, links to its own repository left out.
Names these keys or tokens, usually read from environment variables:
ANTHROPIC_API_KEYFrom names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.
Mapping Webapp loads about 1.5k tokens when it runs. Until then it costs about 120 tokens; SKILL.md has 549 words of instructions outside code blocks.
Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.
The automated check found no risky patterns in SKILL.md.
Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); the scripts in this folder are not scanned.
The full file from oaustegard/claude-skills at commit 559a6cd, republished under its MIT licence (© oaustegard). 549 words, ~1,544 tokens.
.claude/skills/mapping-webapp/SKILL.md (or your agent's skills folder). This skill also uses 13 other files; get the full folder from GitHub.Generate _FEATURES.md files documenting what a web app does — screens, flows, states, behavioral invariants. Companion to tree-sitting, which surfaces code structure.
v0.3.0: Code-first architecture. The code IS the ground truth; screenshots are supplementary verification.
api-credentials skill or ANTHROPIC_API_KEY env var)--code-only)# Code-only analysis (no browser needed):
python /mnt/skills/user/mapping-webapp/scripts/featuremap.py \
--app-url https://example.com --codebase /path/to/repo --code-only
# Full pipeline (code analysis + selective visual verification):
python /mnt/skills/user/mapping-webapp/scripts/featuremap.py \
--app-url https://example.com --codebase /path/to/repo
# Incremental update:
python /mnt/skills/user/mapping-webapp/scripts/featuremap.py \
--app-url https://example.com --codebase . --incremental| Flag | Default | Description |
|---|---|---|
--app-url | required | Base URL of the web app |
--codebase | required | Path to repo root |
--output | <codebase>/_FEATURES.md | Output path |
--max-pages | 100 | Cap on pages to discover |
--code-only | false | Skip all vision — code analysis only |
--verify-only | false | Only run vision on already-analyzed pages |
--batch-size | auto | Pages per batch (auto-detected from environment) |
--incremental | false | Only re-process changed pages |
--viewport | 1280x720 | Screenshot viewport (WxH) |
--routes | none | Comma-separated routes or path to routes file |
--screenshots-dir | <codebase>/screenshots | Where to store PNGs |
--model | claude-sonnet-4-6 (set in scripts/featuremap.py; that file is the source of truth) | Claude model for analysis/vision |
--dry-run / -n | false | Discover only, print sitemap |
Discovers pages from code structure, not browser crawling:
--routes for manual seedingNo browser required for discovery.
Reads source code for each discovered page and uses Claude API (text, not vision) to generate behavioral descriptions:
Code-derived descriptions are usable standalone. Vision is enrichment, not requirement.
Selective visual verification for pages where it adds value:
Skipped entirely with --code-only. Run only this phase with --verify-only.
Compiles all descriptions into _FEATURES.md:
The skill auto-detects the runtime environment and adjusts batch size:
| Environment | Batch Size | Notes |
|---|---|---|
| Claude.ai container | 4 pages | Short bash timeouts |
| Claude Code on Web | 12 pages | Longer execution windows |
| Local CLI | Unbatched | Full control |
Override with --batch-size N.
Progress is checkpointed after each batch via _FEATURES_MANIFEST.json, so work survives if a conversation ends mid-pipeline.
Each run stores page hashes and descriptions in _FEATURES_MANIFEST.json. With --incremental:
Pages requiring authentication are detected during verification (redirect detection + text heuristics) and marked GATED. The skill generates step-by-step manual capture instructions in GATED_PAGES.md.
# _FEATURES.md — App Name
Generated: 2026-03-22T12:00:00+0000
App URL: https://example.com
## Feature Inventory
### Status Summary
- **Documented:** 45 pages
- Code-analyzed: 40
- Visually verified: 5
- **Gated (auth required):** 2 pages
### Page Title (`/route`)
> *Derived from source code analysis*
**What the user sees:** Prose description from code analysis.
**Interactions:**
- Button "X" → does Y
**Invariants:**
- Rule 1
**Code:** `src/page.html` :1
---_FEATURES.md is the behavioral source of truth. Structure is not persisted
alongside it — it is derived on demand:
tree-sitting → structure, scanned at runtimemapping-webapp → _FEATURES.md (behavioral)--routes flag© oaustegard, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file
SKILL.md and 13 other files (scripts) in mapping-webapp of oaustegard/claude-skills.
Open the folder on GitHubat commit 559a6cd
We found 3 copies of this SKILL.md (exact, near-identical or edited) in other folders, from 1 other GitHub owner. This page covers the copy in oaustegard/claude-skills, which our catalogue first saw on October 7, 2026.
Mapping Webapp next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.
| Skill | Stars | Used in | Tokens | Auto-check | Licence | Repo updated |
|---|---|---|---|---|---|---|
| Mapping Webapp this skilloaustegard/claude-skills | 150 | 1 repos | ~1.5k | Automated safety check: Pass | MIT | |
| Dev-Browser CLI AutomationSawyerHood/dev-browser | 6.7k | 1 repos | ~455 | Automated safety check: Pass | MIT | |
| Camoufox CLIBin-Huang/camoufox-cli | 350 | 1 repos | ~4.5k | Automated safety check: Pass | MIT | |
| Browser Use Terminalbrowser-use/terminal | 651 | — | ~2.1k | Automated safety check: Pass | MIT | |
| Codex Bridge Chatgptanightmonarch/codex-bridge-chatgpt | 145 | — | ~1.1k | Automated safety check: Pass | MIT | |
| Webctlcosinusalpha/webctl | 419 | — | ~1.7k | Automated safety check: Pass | None |
SawyerHood/dev-browser
Browser automation with persistent named pages via the dev-browser CLI. Use when users ask to navigate websites, fill forms, take screenshots, extract web…
Bin-Huang/camoufox-cli
Anti-detect browser automation CLI & Skills for AI agents. An agent skill from Bin-Huang/camoufox-cli.
browser-use/terminal
Direct browser control via the Browser Use Terminal CLI. An agent skill from browser-use/terminal.
anightmonarch/codex-bridge-chatgpt
A skill your agent uses when a complex repository task needs ChatGPT web reasoning while Codex remains responsible for local evidence, edits, and tests.
cosinusalpha/webctl
Browser automation via CLI. An agent skill from cosinusalpha/webctl.
tobihagemann/turbo
Consult ChatGPT Pro via ChatGPT browser automation for problems that resist standard approaches.
oaustegard/claude-skills
Deprecated sampler that captures short windows of the Bluesky firehose, clusters trending terms and builds an HTML report; replaced by the browsing-bluesky skill.
oaustegard/claude-skills
Builds interactive Vega-Lite charts from uploaded data: analyzes the fields, picks five to ten fitting chart types, and produces a React artifact with the data embedded inline.
oaustegard/claude-skills
Builds self-contained single-file HTML pages such as reports, decks, postmortems, flowcharts and prototypes from a small spec using a bundled Python composer and templates.
oaustegard/claude-skills
Rewrites model-sounding prose into plain technical writing and checks that every claim survives, for PR text, docs, commit messages and similar drafts.
oaustegard/claude-skills
Zero-shot univariate time series forecasting using the Reverso foundation model (NumPy/Numba CPU-only inference).
oaustegard/claude-skills
Guides building standards-based Preact apps with native-first choices, HTM syntax, import maps and vendored ESM, from single-file demos to larger builds.
Works with
Categories
Generate behavioral/feature documentation for web apps using code-first analysis. Mapping Webapp is an agent skill from oaustegard/claude-skills. Generate behavioral/feature documentation for web apps using code-first analysis.
Mapping Webapp fits situations like: documenting app behavior; creating feature inventories; generating behavioral ground truth for agents; before modifying UI code.
Run `npx skills add oaustegard/claude-skills --skill mapping-webapp -a claude-code`. Or copy the skill folder (mapping-webapp in oaustegard/claude-skills) into .claude/skills/mapping-webapp in your project. Claude Code loads it when a task matches its description.
Run `npx skills add oaustegard/claude-skills --skill mapping-webapp -a codex`. Or copy the skill folder (mapping-webapp in oaustegard/claude-skills) into .agents/skills/mapping-webapp in your project. Codex loads it when a task matches its description.
Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add oaustegard/claude-skills --skill mapping-webapp -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/mapping-webapp, .gemini/skills/mapping-webapp, .github/skills/mapping-webapp and .opencode/skills/mapping-webapp in your project.
Going by SKILL.md and its folder, Mapping Webapp needs Python for the scripts in its folder, the command-line tools its instructions call (python) and credentials named ANTHROPIC_API_KEY. Our summary lists: Python 3; A credential in ANTHROPIC_API_KEY.
SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.
Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. The check reads SKILL.md only: the scripts in the folder are not scanned, so read them before running anything.
Mapping Webapp is published under the MIT licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.
About 1.5k tokens (SKILL.md is roughly 6.2k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.
Skills that share tags, products or a category with Mapping Webapp: Dev-Browser CLI Automation (SawyerHood/dev-browser, 6.7k stars), Camoufox CLI (Bin-Huang/camoufox-cli, 350 stars), Browser Use Terminal (browser-use/terminal, 651 stars) and Codex Bridge Chatgpt (anightmonarch/codex-bridge-chatgpt, 145 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
oaustegard (a GitHub user) maintains it in oaustegard/claude-skills, which has 150 GitHub stars. The repository holds 93 skills in this directory. The repository was last updated on October 2, 2026.
Source: oaustegard/claude-skills on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.