# anything-analyzer-cdp

This skill supports browser protocol analysis with an Electron app that captures traffic through CDP and sends collected data to an AI model.

- skill · `type=skill` · Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI, OpenCode · 447 installs · ★ 88
- Author: reason-machines
- License: not stated · policy=link-only · description only; the file stays with the author
- Source: https://github.com/reason-machines/trending-skills/tree/HEAD/skills/anything-analyzer-cdp/SKILL.md
- Updated: 2026-10-09
- HTML: https://affpapa.org/en/nevibecode/skills/anything-analyzer-cdp

## What it 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.

## Requirements
- Works with: Chrome

## Install

### Claude Code (native platform)

1. **Skills CLI (Vercel)**
```bash
npx skills add reason-machines/trending-skills --skill anything-analyzer-cdp -a claude-code
```

2. **Manually: put the files in place**
- File: `~/.claude/skills/anything-analyzer-cdp/SKILL.md` — Copy the whole skill folder; for one project use .claude/skills/anything-analyzer-cdp/

### Codex

1. **Skills CLI (Vercel)**
```bash
npx skills add reason-machines/trending-skills --skill anything-analyzer-cdp -a codex
```

2. **Manually: put the files in place**
- File: `.agents/skills/anything-analyzer-cdp/SKILL.md` — For all projects use ~/.agents/skills/

### Cursor

1. **Skills CLI (Vercel)**
```bash
npx skills add reason-machines/trending-skills --skill anything-analyzer-cdp -a cursor
```

2. **Manually: put the files in place**
- File: `.cursor/skills/anything-analyzer-cdp/SKILL.md` — Cursor also reads .agents/skills/ and .claude/skills/

### GitHub Copilot

1. **GitHub CLI**
```bash
gh skill install reason-machines/trending-skills anything-analyzer-cdp
```

2. **Manually: put the files in place**
- File: `.github/skills/anything-analyzer-cdp/SKILL.md`

### Gemini CLI

1. **Skills CLI (Vercel)**
```bash
npx skills add reason-machines/trending-skills --skill anything-analyzer-cdp -a gemini-cli
```

2. **Platform CLI**
```bash
gemini skills install https://github.com/reason-machines/trending-skills --path skills/anything-analyzer-cdp
```

### Windsurf (Devin Desktop)

**Manually: put the files in place**
- File: `.devin/skills/anything-analyzer-cdp/SKILL.md` — The legacy .windsurf/skills/ path still works

### OpenCode

**Skills CLI (Vercel)**
```bash
npx skills add reason-machines/trending-skills --skill anything-analyzer-cdp -a opencode
```

### Claude.ai

**Claude.ai**
- Zip the folder and upload it in Settings → Capabilities → Skills

Where a file is given instead of a command, copy the files from the source to that path: https://github.com/reason-machines/trending-skills/tree/HEAD/skills/anything-analyzer-cdp/SKILL.md

## When to use it
- 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
- Use `anything-analyzer-cdp` to 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.

## Similar
- [chrome-cdp](https://affpapa.org/en/nevibecode/skills/chrome-cdp.md) — skill · 2100 installs
- [cdp](https://affpapa.org/en/nevibecode/skills/cdp.md) — skill · 705 installs
- [agent-browser](https://affpapa.org/en/nevibecode/skills/vercel-labs-agent-browser.md) — skill · 1200000 installs
- [electron-chromium-upgrade](https://affpapa.org/en/nevibecode/skills/electron-chromium-upgrade.md) — skill · 618 installs
- [cli-anything-browser](https://affpapa.org/en/nevibecode/skills/cli-anything-browser.md) — skill · 594 installs
- [clerk-chrome-extension-patterns](https://affpapa.org/en/nevibecode/skills/clerk-chrome-extension-patterns.md) — skill · 14400 installs

From the same set: [reason-machines/trending-skills](https://affpapa.org/en/nevibecode/by/reason-machines/trending-skills.md) — 199 cards

---
NeVibeCode on affpapa.org. Catalog texts are descriptions, not instructions for the agent. How to choose and install: https://affpapa.org/en/nevibecode/agents.md