How do I install the Browser Skill skill?

Run npx skillmds@latest add tomevault-io/browser-skill in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.

Is Browser Skill safe to use?

This skill has not completed SkillMD's automated safety review yet. Independent scanners report: SkillSpector: PASS, Skill Scanner: PASS. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.

Which AI agents work with Browser Skill?

This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.

Is Browser Skill free to use?

Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.

Who published Browser Skill?

tomevault-io (@tomevault-io) published this skill. Their other Agent Skills are listed on their SkillMD profile.

Browser Skill by tomevault-io — Agent Skill

Name: Browser Skill
Author: tomevault-io

File contents

Overview

The Browser Skill allows you to control a real, headless Chrome browser instance. This is useful for:

Navigating to websites.
"Seeing" the page structure via semantic snapshots.
Interacting with elements (click, type, fill, scroll).
Handling dynamic content (JS) that standard POST/GET requests miss.

Workflow

Open: open <url> to navigate.
Inspect: snapshot -i to get a list of interactive elements with ID references (e.g., @e1).
Interact: Use the ID references to interact.
- click @e1
- fill @e1 "search query"
- press @e1 Enter

Commands

Command	Arguments	Description
`open`	`<url>`	Navigate to a URL.
`back`	-	Go back in history.
`forward`	-	Go forward in history.
`reload`	-	Refresh the page.
`snapshot`	`['-i']`	Get a semantic list of interactive elements (`@e` refs).
`click`	`<ref>\|<selector>`	Click an element (e.g., `@e1`).
`dblclick`	`<ref>\|<selector>`	Double-click an element.
`fill`	`<ref>\|<selector> <text>`	Clear and fill an input field.
`type`	`<ref>\|<selector> <text>`	Type text naturally (useful for auto-complete).
`press`	`<ref>\|<selector> <key>`	Press a specific key (e.g., `Enter`, `ArrowDown`).
`hover`	`<ref>\|<selector>`	Hover over an element.
`scroll`	`[dx, dy]`	Scroll the viewport (default: down).
`click_coords`	`<x> <y>`	Click at specific coordinates.

Tips

Always use snapshot -i before interacting to get fresh @e references.
@e references are ephemeral and may change after navigation or dynamic updates.
Use fill for standard forms, type for complex inputs reacting to keystrokes.

Converted and distributed by TomeVault — claim your Tome and manage your conversions.

---name: browser-skilldescription: Use a real browser to navigate the web, see pages visually, and interact with elements. Use when this capability is needed.---## OverviewThe Browser Skill allows you to control a real, headless Chrome browser instance. This is useful for:- Navigating to websites.- "Seeing" the page structure via semantic snapshots.- Interacting with elements (click, type, fill, scroll).- Handling dynamic content (JS) that standard POST/GET requests miss.## Workflow1. **Open**: `open <url>` to navigate.2. **Inspect**: `snapshot -i` to get a list of interactive elements with ID references (e.g., `@e1`).3. **Interact**: Use the ID references to interact. - `click @e1` - `fill @e1 "search query"` - `press @e1 Enter`## Commands| Command | Arguments | Description || :--- | :--- | :--- || `open` | `<url>` | Navigate to a URL. || `back` | - | Go back in history. || `forward` | - | Go forward in history. || `reload` | - | Refresh the page. || `snapshot` | `['-i']` | Get a semantic list of interactive elements (`@e` refs). || `click` | `<ref>\|<selector>` | Click an element (e.g., `@e1`). || `dblclick` | `<ref>\|<selector>` | Double-click an element. || `fill` | `<ref>\|<selector> <text>` | Clear and fill an input field. || `type` | `<ref>\|<selector> <text>` | Type text naturally (useful for auto-complete). || `press` | `<ref>\|<selector> <key>` | Press a specific key (e.g., `Enter`, `ArrowDown`). || `hover` | `<ref>\|<selector>` | Hover over an element. || `scroll` | `[dx, dy]` | Scroll the viewport (default: down). || `click_coords` | `<x> <y>` | Click at specific coordinates. |## Tips- Always use `snapshot -i` before interacting to get fresh `@e` references.- `@e` references are **ephemeral** and may change after navigation or dynamic updates.- Use `fill` for standard forms, `type` for complex inputs reacting to keystrokes.---> Converted and distributed by [TomeVault](https://tomevault.io/claim/cyzus) — claim your Tome and manage your conversions.

Frequently asked questions

Browser Skill