mirror of
https://github.com/anthropics/claude-plugins-official.git
synced 2026-05-11 14:05:52 -03:00
add(plugin): stagehand — Browserbase browser automation
Adapted from PR #43 by @Kylejeong2 (Browserbase). PR's marketplace.json had a syntax error (missing '},' before adjacent entry); entry reconstructed from the diff. Original: https://github.com/anthropics/claude-plugins-official/pull/43
This commit is contained in:
parent
3f3d3daeb8
commit
328a0a7190
@ -967,6 +967,30 @@
|
|||||||
"category": "security",
|
"category": "security",
|
||||||
"source": "./external_plugins/autofix-bot",
|
"source": "./external_plugins/autofix-bot",
|
||||||
"homepage": "https://github.com/anthropics/claude-plugins-public/tree/main/external_plugins/autofix-bot"
|
"homepage": "https://github.com/anthropics/claude-plugins-public/tree/main/external_plugins/autofix-bot"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "stagehand",
|
||||||
|
"description": "Browser automation skill for Claude Code using Stagehand. Automate web interactions, extract data, and navigate websites using natural language.",
|
||||||
|
"version": "0.1.0",
|
||||||
|
"author": {
|
||||||
|
"name": "Browserbase"
|
||||||
|
},
|
||||||
|
"source": {
|
||||||
|
"source": "github",
|
||||||
|
"repo": "browserbase/agent-browse"
|
||||||
|
},
|
||||||
|
"category": "automation",
|
||||||
|
"keywords": [
|
||||||
|
"browser",
|
||||||
|
"automation",
|
||||||
|
"stagehand",
|
||||||
|
"web-scraping"
|
||||||
|
],
|
||||||
|
"homepage": "https://github.com/browserbase/agent-browse",
|
||||||
|
"strict": false,
|
||||||
|
"skills": [
|
||||||
|
"./.claude/skills/browser-automation"
|
||||||
|
]
|
||||||
}
|
}
|
||||||
]
|
]
|
||||||
}
|
}
|
||||||
|
|||||||
13
external_plugins/stagehand/.claude-plugin/plugin.json
Normal file
13
external_plugins/stagehand/.claude-plugin/plugin.json
Normal file
@ -0,0 +1,13 @@
|
|||||||
|
{
|
||||||
|
"name": "stagehand",
|
||||||
|
"description": "Browser automation skill for Claude Code using Stagehand. Automate web interactions, extract data, and navigate websites using natural language.",
|
||||||
|
"version": "0.1.0",
|
||||||
|
"author": {
|
||||||
|
"name": "Browserbase"
|
||||||
|
},
|
||||||
|
"homepage": "https://github.com/browserbase/agent-browse",
|
||||||
|
"repository": "https://github.com/browserbase/agent-browse",
|
||||||
|
"keywords": ["browser", "automation", "stagehand", "web-scraping"],
|
||||||
|
"strict": false
|
||||||
|
}
|
||||||
|
|
||||||
104
external_plugins/stagehand/README.md
Normal file
104
external_plugins/stagehand/README.md
Normal file
@ -0,0 +1,104 @@
|
|||||||
|
# Stagehand Browser Automation Plugin
|
||||||
|
|
||||||
|
Browser automation skill for Claude Code using [Stagehand](https://github.com/browserbase/stagehand). This plugin enables Claude to automate web browser interactions, extract data, and navigate websites using natural language.
|
||||||
|
|
||||||
|
## Installation
|
||||||
|
|
||||||
|
Install the plugin from the Claude Code marketplace:
|
||||||
|
|
||||||
|
```bash
|
||||||
|
/plugin install stagehand@claude-plugin-directory
|
||||||
|
```
|
||||||
|
|
||||||
|
## Prerequisites
|
||||||
|
|
||||||
|
This plugin requires the browser automation CLI tools to be installed separately. The CLI tools are available from the GitHub marketplace.
|
||||||
|
|
||||||
|
### Step 1: Add the GitHub Marketplace
|
||||||
|
|
||||||
|
```bash
|
||||||
|
/plugin marketplace add browserbase/agent-browse
|
||||||
|
```
|
||||||
|
|
||||||
|
### Step 2: Install the Browser Automation CLI Plugin
|
||||||
|
|
||||||
|
```bash
|
||||||
|
/plugin install browser-automation@browser-tools
|
||||||
|
```
|
||||||
|
|
||||||
|
### Step 3: Set Up the CLI Tools
|
||||||
|
|
||||||
|
After installing the browser-automation plugin, you need to set up the CLI tools:
|
||||||
|
|
||||||
|
1. Navigate to the plugin directory (typically `~/.claude/plugins/browser-automation/`)
|
||||||
|
2. Install dependencies and build:
|
||||||
|
```bash
|
||||||
|
npm install
|
||||||
|
```
|
||||||
|
3. Link the browser command globally:
|
||||||
|
```bash
|
||||||
|
npm link
|
||||||
|
```
|
||||||
|
4. Configure your Anthropic API key:
|
||||||
|
```bash
|
||||||
|
export ANTHROPIC_API_KEY="your-api-key-here"
|
||||||
|
```
|
||||||
|
Or use Claude Code's subscription token (recommended if you have Claude Pro/Max):
|
||||||
|
```bash
|
||||||
|
claude setup-token
|
||||||
|
```
|
||||||
|
|
||||||
|
### Step 4: Verify Installation
|
||||||
|
|
||||||
|
Test that the browser command is available:
|
||||||
|
|
||||||
|
```bash
|
||||||
|
browser navigate https://example.com
|
||||||
|
```
|
||||||
|
|
||||||
|
## Usage
|
||||||
|
|
||||||
|
Once installed and configured, you can use natural language to automate browser tasks:
|
||||||
|
|
||||||
|
- *"Go to Hacker News, get the top post comments, and summarize them"*
|
||||||
|
- *"QA test http://localhost:3000 and fix any bugs you encounter"*
|
||||||
|
- *"Extract product information from example.com/products"*
|
||||||
|
|
||||||
|
Claude will automatically use the browser automation skill when you ask for web-related tasks.
|
||||||
|
|
||||||
|
## Features
|
||||||
|
|
||||||
|
- **Natural Language Control**: Describe browser actions in plain English
|
||||||
|
- **Data Extraction**: Extract structured data from web pages
|
||||||
|
- **Screenshot Capture**: Take screenshots for visual verification
|
||||||
|
- **Persistent Sessions**: Browser state persists between commands
|
||||||
|
- **Chrome Profile Integration**: Uses your Chrome profile for cookies and sessions
|
||||||
|
|
||||||
|
## Troubleshooting
|
||||||
|
|
||||||
|
### Chrome not found
|
||||||
|
|
||||||
|
Install Chrome for your platform:
|
||||||
|
- **macOS** or **Windows**: https://www.google.com/chrome/
|
||||||
|
- **Linux**: `sudo apt install google-chrome-stable`
|
||||||
|
|
||||||
|
### Browser command not found
|
||||||
|
|
||||||
|
Make sure you've run `npm link` in the browser-automation plugin directory after installing it.
|
||||||
|
|
||||||
|
### API Key Issues
|
||||||
|
|
||||||
|
- If you have Claude Pro/Max, use `claude setup-token` (recommended)
|
||||||
|
- Otherwise, export `ANTHROPIC_API_KEY` in your terminal
|
||||||
|
- Or create a `.env` file in the plugin directory with your API key
|
||||||
|
|
||||||
|
## Resources
|
||||||
|
|
||||||
|
- [Stagehand Documentation](https://github.com/browserbase/stagehand)
|
||||||
|
- [GitHub Marketplace](https://github.com/browserbase/agent-browse)
|
||||||
|
- [Claude Code Skills Documentation](https://code.claude.com/docs/en/plugins)
|
||||||
|
|
||||||
|
## Support
|
||||||
|
|
||||||
|
For issues or questions, please visit the [GitHub repository](https://github.com/browserbase/agent-browse).
|
||||||
|
|
||||||
Loading…
x
Reference in New Issue
Block a user