browser
Control a real browser over Chrome DevTools Protocol (CDP). Use when user asks to open a page, click an element, take a screenshot, or any browser automation. Requires Chrome remote debugging enabled.
Informations de source
- Dépôt
- spinspire/recipes
- Dernière activité de la source
- 5 mai 2026 à 13:57
- Langue détectée de SKILL.md
- anglais
- Étoiles
- 16
- Forks
- 2
Options d'installation
Le prompt qui vérifie d'abord la source est sélectionné par défaut. Vous pouvez passer à une commande directe ou télécharger une copie locale.
Vérifiez les fichiers source
Lisez SKILL.md et les fichiers associés affichés par SkillsMP avant de décider de l'installer.
Affichage de SKILL.md
SKILL.md
Instructions source · Aperçu en lecture seule- name
- browser
- description
- Control a real browser over Chrome DevTools Protocol (CDP). Use when user asks to open a page, click an element, take a screenshot, or any browser automation. Requires Chrome remote debugging enabled.
- license
- MIT
- allowed-tools
- chrome-devtools_*
# Browser Control via CDP
Control a real browser over Chrome DevTools Protocol (CDP).
## Enable Remote Debugging
**Chrome/Chromium**: Open `chrome://inspect/#remote-debugging` or launch with `--remote-debugging-port=9222`
## Workflow
1. **Navigate**: `chrome-devtools_navigate_page` to open URL
2. **Inspect**: `chrome-devtools_take_snapshot` to see clickable elements (uid)
3. **Interact**: Use element uid from snapshot to click, hover, fill, etc.
4. **Verify**: Take snapshot or screenshot to confirm
## Key Tools
| Tool | Purpose |
|------|---------|
| `chrome-devtools_list_pages` | List open tabs |
| `chrome-devtools_navigate_page` | Navigate to URL |
| `chrome-devtools_take_snapshot` | Get clickable elements with uids |
| `chrome-devtools_click` | Click element by uid |
| `chrome-devtools_fill` | Type into input |
| `chrome-devtools_take_screenshot` | Screenshot |
| `chrome-devtools_hover` | Hover over element |
| `chrome-devtools_press_key` | Send keyboard keys |
| `chrome-devtools_select_page` | Switch to tab by pageId |
## Example
```
chrome-devtools_navigate_page(url="https://github.com")
chrome-devtools_take_snapshot() # returns elements with uids
chrome-devtools_click(uid="abc123") # click a link/button
```
## Tips
- Always take snapshot first to get element uids
- Use `type_text` after clicking an input to focus it first
- For screenshots, use `format="jpeg"` or `format="webp"` for smaller output
- Check `chrome-devtools_list_network_requests` for debugging
Voir sur GitHub