Stats
Actions
Tags
From psn
This skill should be used when automating browser interactions, taking screenshots, scraping web content, managing cookies, or testing web pages. Triggers on requests involving web page interaction, browser control, or visual capture. <example> Context: User wants to capture a webpage user: "Take a screenshot of example.com" </example> <example> Context: User wants to interact with a page user: "Go to github.com and click the sign in button" </example> <example> Context: User needs to manage browser state user: "Save the current browser session so I can resume later" </example> <example> Context: User wants to extract data user: "Query all the links on this page" </example>
How this skill is triggered — by the user, by Claude, or both
Slash command
/psn:browseThe summary Claude sees in its skill listing — used to decide when to auto-load this skill
| Tool | Purpose |
| Tool | Purpose |
|---|---|
mcp__browse__launch | Configure browser (headed/headless, viewport, preview mode) |
mcp__browse__goto | Navigate to a URL |
mcp__browse__back | Go back in browser history |
mcp__browse__forward | Go forward in browser history |
mcp__browse__reload | Reload current page |
mcp__browse__close | Close browser and end session |
| Tool | Purpose |
|---|---|
mcp__browse__click | Click on element by CSS selector |
mcp__browse__type | Type text into input field |
mcp__browse__hover | Hover over element |
mcp__browse__select | Select option(s) in dropdown |
mcp__browse__keys | Send keyboard keys/shortcuts |
mcp__browse__scroll | Scroll page or element into view |
mcp__browse__upload | Upload files to file input |
mcp__browse__dialog | Handle browser dialogs (alert, confirm, prompt) |
| Tool | Purpose |
|---|---|
mcp__browse__query | Query elements by CSS selector, get attributes |
mcp__browse__url | Get current URL and page title |
mcp__browse__html | Get page HTML content |
mcp__browse__eval | Execute JavaScript in browser context |
| Tool | Purpose |
|---|---|
mcp__browse__screenshot | Take screenshot of current page |
mcp__browse__console | Get captured console messages |
mcp__browse__network | Get captured network requests/responses |
mcp__browse__errors | Get page errors (exceptions, unhandled rejections) |
mcp__browse__metrics | Get performance metrics and DOM stats |
mcp__browse__a11y | Get accessibility tree snapshot |
| Tool | Purpose |
|---|---|
mcp__browse__cookies | Get, set, delete, or clear cookies |
mcp__browse__storage | Get, set, delete localStorage/sessionStorage |
mcp__browse__session_save | Save session state to JSON file |
mcp__browse__session_restore | Restore session from JSON file |
mcp__browse__import | Import cookies from Safari (macOS) |
| Tool | Purpose |
|---|---|
mcp__browse__intercept | Block or mock network requests |
| Tool | Purpose |
|---|---|
mcp__browse__viewport | Resize browser viewport |
mcp__browse__emulate | Emulate mobile device |
mcp__browse__wait | Wait for specified time |
| Tool | Purpose |
|---|---|
mcp__browse__favicon | Generate favicon set from image |
mcp__browse__convert | Convert image format (png, jpeg, webp, avif) |
mcp__browse__resize | Resize image to dimensions |
mcp__browse__crop | Crop region from image |
mcp__browse__compress | Compress image to reduce size |
mcp__browse__thumbnail | Create thumbnail from image |
Automate browser interactions using Playwright via the browse MCP server.
On first browse tool use each session, restore saved cookies:
mcp__browse__session_restore(path: "/Users/chi/.claude/browse-session.json")
This restores 400+ authenticated cookies from Safari. Skip only if:
Before ending session, save if cookies changed:
mcp__browse__session_save(path: "/Users/chi/.claude/browse-session.json")
browse-mcp)1. mcp__browse__goto(url: "https://example.com")
2. mcp__browse__screenshot()
1. mcp__browse__launch(headed: true)
2. mcp__browse__goto(url: "https://github.com")
3. mcp__browse__click(selector: "a[href='/login']")
4. mcp__browse__type(selector: "#login_field", text: "username")
1. mcp__browse__goto(url: "https://example.com")
2. mcp__browse__query(selector: "a[href]") # Get all links
No visible window, fastest execution:
mcp__browse__launch() # or omit launch entirely
Visible browser window for debugging:
mcp__browse__launch(headed: true)
Native fullscreen, implies headed:
mcp__browse__launch(fullscreen: true)
Highlight elements before actions:
mcp__browse__launch(preview: true, previewDelay: 2000)
Browser state is ephemeral by default. To persist across sessions:
mcp__browse__session_save(path: "my-session.json")
Saves:
mcp__browse__session_restore(path: "my-session.json")
Requires Full Disk Access permission:
mcp__browse__import(domain: "github.com") # Import for specific domain
mcp__browse__import() # Import all cookies
mcp__browse__cookies(action: "get") # All cookies
mcp__browse__cookies(action: "get", name: "session") # Specific cookie
mcp__browse__cookies(action: "set", name: "token", value: "abc123")
mcp__browse__cookies(action: "delete", name: "token")
mcp__browse__cookies(action: "clear") # All cookies
Use CSS selectors for all element interactions:
| Selector | Example |
|---|---|
| Tag | button, input, a |
| Class | .btn-primary, .nav-link |
| ID | #login-form, #submit |
| Attribute | [type="submit"], [href="/login"] |
| Combined | button.primary[type="submit"] |
| Descendant | .form-group input |
| Nth-child | li:nth-child(2) |
Block or mock requests:
mcp__browse__intercept(pattern: "*.analytics.com/*", action: "block")
mcp__browse__intercept(
pattern: "/api/user",
action: "mock",
response: '{"id": 1, "name": "Test User"}'
)
mcp__browse__console() # Get all console.log, warn, error
mcp__browse__network() # Get all requests with status, timing
mcp__browse__errors() # Uncaught exceptions, unhandled rejections
mcp__browse__metrics() # DOM stats, load times, memory
mcp__browse__a11y() # Full accessibility tree
mcp__browse__a11y(selector: "#main") # Specific element
Process screenshots or any image:
mcp__browse__screenshot()
mcp__browse__favicon(dir: "./favicons") # Creates full favicon set
mcp__browse__convert(format: "webp") # From last screenshot
mcp__browse__resize(width: 800, height: 600)
mcp__browse__resize(width: 800) # Maintain aspect ratio
mcp__browse__compress(quality: 60) # 1-100
errors() and console() to debugclose()1. launch(headed: true) # Watch what happens
2. goto(url: "https://site.com/login")
3. type(selector: "#email", text: "[email protected]")
4. type(selector: "#password", text: "secret")
5. click(selector: "button[type='submit']")
6. wait(ms: 3000) # Wait for redirect
7. session_save(path: "site-session.json")
8. close()
1. goto(url: "https://example.com/products")
2. query(selector: ".product-card") # Get all products
3. eval(script: "document.querySelectorAll('.price').map(e => e.textContent)")
1. goto(url: "https://staging.example.com")
2. screenshot(path: "staging.png")
3. goto(url: "https://prod.example.com")
4. screenshot(path: "prod.png")
# Compare manually or with image diff tool
npx claudepluginhub aladac/claude-plugins --plugin psnCreates, edits, and optimizes skills for Claude Code, including drafting, evaluating with test prompts, iterating on performance, and improving skill descriptions for better triggering accuracy.