anything-analyzer-cdp — Claude Code skill: use and install
This skill supports browser protocol analysis with an Electron app that captures traffic through CDP and sends collected data to an AI model.
npx skills add reason-machines/trending-skills --skill anything-analyzer-cdp -a claude-codeWhat anything-analyzer-cdp does
The skill describes an Electron application with an embedded browser and Chrome DevTools Protocol capture. It records network requests, JavaScript hook events, and storage snapshots, grouping them inside a session with a target URL. The resulting data can be turned into a protocol report.
Its architecture includes a CDP manager, capture engine, injected scripts, SQLite storage through better-sqlite3, a React interface, and an AI pipeline. The pipeline classifies scenes such as registration, OAuth, or API authentication, selects relevant requests, and streams the model response to the renderer. AI analysis needs a configured OpenAI, Anthropic, or custom-compatible provider with an API key. On Windows, native-module builds require Visual Studio Build Tools; if better-sqlite3 fails, run pnpm rebuild.
The application setup uses git clone, pnpm install, and pnpm dev, with pnpm build for a production build. The skill itself is installed into the selected coding platform.
What it helps with
- capture browser requests through CDP
- record JavaScript events and storage snapshots
- inspect OAuth or registration traffic
- generate an AI protocol report
- keep captured data in SQLite
Example prompts for the agent
- Use
anything-analyzer-cdpto inspect a browser protocol through CDP. - Analyze the captured traffic and map the OAuth authentication flow.
- Create a report for the registration flow, including form fields and API steps.
How to install anything-analyzer-cdp
1Skills CLI (Vercel)
npx skills add reason-machines/trending-skills --skill anything-analyzer-cdp -a claude-code2Manually: put the files in place
~/.claude/skills/anything-analyzer-cdp/SKILL.mdCopy the whole skill folder; for one project use .claude/skills/anything-analyzer-cdp/
1Skills CLI (Vercel)
npx skills add reason-machines/trending-skills --skill anything-analyzer-cdp -a codex2Manually: put the files in place
.agents/skills/anything-analyzer-cdp/SKILL.mdFor all projects use ~/.agents/skills/
1Skills CLI (Vercel)
npx skills add reason-machines/trending-skills --skill anything-analyzer-cdp -a cursor2Manually: put the files in place
.cursor/skills/anything-analyzer-cdp/SKILL.mdCursor also reads .agents/skills/ and .claude/skills/
1GitHub CLI
gh skill install reason-machines/trending-skills anything-analyzer-cdp2Manually: put the files in place
.github/skills/anything-analyzer-cdp/SKILL.md1Skills CLI (Vercel)
npx skills add reason-machines/trending-skills --skill anything-analyzer-cdp -a gemini-cli2Platform CLI
gemini skills install https://github.com/reason-machines/trending-skills --path skills/anything-analyzer-cdpManually: put the files in place
.devin/skills/anything-analyzer-cdp/SKILL.mdThe legacy .windsurf/skills/ path still works
Skills CLI (Vercel)
npx skills add reason-machines/trending-skills --skill anything-analyzer-cdp -a opencodeClaude.ai
Zip the folder and upload it in Settings → Capabilities → Skills
Step by step, with commands for each platform: How to install skills in Claude Code: five ways
Questions about anything-analyzer-cdp
How do I install anything-analyzer-cdp in Claude Code?
Run npx skills add reason-machines/trending-skills --skill anything-analyzer-cdp -a claude-code, then check ~/.claude/skills/anything-analyzer-cdp/SKILL.md.
What does anything-analyzer-cdp do?
It supports an Electron browser app that captures web traffic through CDP, stores session data, and uses an AI provider to analyze the protocol.
What is required for AI analysis?
Configure an OpenAI, Anthropic, or custom-compatible provider with an API key and model; a custom provider can also use baseUrl.