Accessibility audit skill for scanning, fixing, and verifying WCAG 2.2 Level A and AA compliance across React, Next.js, Vue, Angular, Svelte, and plain HTML codebases. Use when auditing accessibility, fixing a11y violations, checking color contrast, generating compliance reports, or integrating accessibility checks into CI/CD pipelines.
browser-cdp
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，复用已有登录态，执行浏览器自动化操作。
Installation
Add browser-cdp to your agent with:
/plugin marketplace add worldwonderer/oh-story-claudecodeAlways review a skill's source before installing it. This command comes from the skill's public repository; the linked repo is the source of truth for exact setup steps.
What's inside
The SKILL.md for browser-cdp is organised into these sections:
- 前置条件
- 启动流程（skill-mode 强制步骤）
- 启动脚本选项
- 常用操作
- 打开页面并等待加载
- 提取页面文本
- 提取 Auth Token
- 复杂 JS（含引号 / $ / 反引号）
- 页面交互（snapshot 拿元素引用）
- 停止 / 清理
- OpenCode 环境注意事项
- 超时包装
When to use it
Reach for browser-cdp when you want frontend help from your agent without writing the same instructions every session. Load the skill and the agent picks it up automatically for relevant tasks.
Strengths
- Clear MIT license — safe to read and adapt
- Ships in worldwonderer/oh-story-claudecode, an established project with 5,764 GitHub stars
- Actively maintained (recent commits)
Topics
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.
- 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.
Related skills
More Frontend →Company Architect: builds a business from scratch as an OKF (Open Knowledge Format) bundle — a tree of version-controllable .md files with frontmatter type, links forming a graph, and reserved index.md/log.md, readable by humans and agents. Guides the founder through a 12-phase interview (foundation, strategy, market, financial, sales, marketing, product, operations, tech, people, legal, governance), one phase at a time, few questions per block, and generates the concepts as conformant markdown. Trigger when the user wants to create, structure, or document an entire company in folders and .md files; when they mention build my company from scratch, company as code, company knowledge base for AI to read, company wiki for agents, OKF, or knowledge bundle. In English.
Assembles comprehensive board and investor update decks by pulling perspectives from all C-suite roles. Use when preparing board meetings, investor updates, quarterly business reviews, or fundraising narratives. Covers structure, narrative framework, bad news delivery, and common mistakes.
Run tests on BrowserStack. Use when user mentions "browserstack", "cross-browser", "cloud testing", "browser matrix", "test on safari", "test on firefox", or "browser compatibility".
Posts content to WeChat Official Account (微信公众号) via API or Chrome CDP. Supports article posting (文章) with HTML, markdown, or plain text input, and image-text posting (图文) with multiple images. Use when user mentions "发布公众号", "post to wechat", "微信公众号", or "图文/文章".