Overview
browser-cdp is an open-source frontend skill for Claude Code and compatible agents, published by worldwonderer. Its author describes it as: “Use this skill when you need to control a Chrome browser via CDP (Chrome DevTools Protocol) to reuse existing login sessions. Covers: launching Chrome in debug mode, opening URLs, waiting for page load, evaluating Jav…”. The project has 5.8k stars on GitHub and is available under the MIT license. Add it to your setup with `/plugin marketplace add worldwonderer/oh-story-claudecode`.
What browser-cdp does
通过 CDP 协议控制 Chrome，复用已有登录态，执行浏览器自动化操作。
Best for
What’s inside
The SKILL.md for browser-cdp is organised into these sections:
- 前置条件
- 启动流程（skill-mode 强制步骤）
- 启动脚本选项
- 常用操作
- 打开页面并等待加载
- 提取页面文本
- 提取 Auth Token
- 复杂 JS（含引号 / $ / 反引号）
- 页面交互（snapshot 拿元素引用）
- 停止 / 清理
- OpenCode 环境注意事项
- 超时包装
Installation
Add browser-cdp to your agent with:
/plugin marketplace add worldwonderer/oh-story-claudecodeReview a skill’s source before installing it — skills can instruct your agent to run commands. This command comes from the skill’s public repository, which is the source of truth for setup steps. New to skills? Read how to install Claude Code skills.
Supported agents
- Claude Code — ships a claude code plugin marketplace
License
browser-cdp is published under the MIT license.
Strengths
- Clear MIT license — safe to read and adapt within its terms
- Ships in worldwonderer/oh-story-claudecode, an established project with 5,764 GitHub stars
- Works with Claude Code
- Actively maintained — repository updated in the last 90 days
Author
Topics
Alternatives to browser-cdp
Similar skills from other repositories:
Frequently asked questions
- What does browser-cdp do?
- Use this skill when you need to control a Chrome browser via CDP (Chrome DevTools Protocol) to reuse existing login sessions. Covers: launching Chrome in debug mode, opening URLs, waiting for page load, evaluating JavaScript, taking snapshots, and extracting auth tokens. Trigger phrases: browser automation, CDP, agent-browser, 浏览器操作, 操作浏览器, Chrome CDP, 复用登录态, extract token from browser.
- How do I install browser-cdp?
- Run /plugin marketplace add worldwonderer/oh-story-claudecode in your agent, then reload your skills. Review the source at https://github.com/worldwonderer/oh-story-claudecode before installing.
- Is browser-cdp free to use?
- Yes. browser-cdp is free and open source under the MIT license, so you can read, run, and adapt it within that license's terms.
- Which agents does browser-cdp work with?
- browser-cdp lists Claude Code — named in its SKILL.md, its plugin marketplace or its repository topics. Skills use the portable SKILL.md format, so other agents that read that format may load it too.
- Where does browser-cdp come from?
- browser-cdp ships inside worldwonderer/oh-story-claudecode, a repository that contains 14 catalogued skills in total. The repository's 5,764 GitHub stars apply to that whole collection, not to this skill on its own.
