Agent skill · writing content · aradotso
anything-analyzer-cdp
Electron desktop app that captures web traffic via Chrome DevTools Protocol and uses AI to generate protocol analysis reports
Why this skill is useful
Adds executable scripts for capturing and analyzing web traffic using Chrome DevTools Protocol, which the AI cannot generate on its own.
What it needs
Requires git, pnpm, visual studio build tools installed locally. Requires anthropic, openai account access. About 9k tokens when loaded. Last updated 2026-07-09. 70 stars on the source repository.
What this skill does
Anything Analyzer CDP Skill Skill by ara.so — Daily 2026 Skills collection. Anything Analyzer is an Electron desktop application that embeds a browser, captures all network traffic via Chrome DevTools Protocol (CDP), injects JS hooks, snapshots storage, and feeds the data to an AI (OpenAI/Anthropic/custom) to generate protocol analysis reports — useful for documenting registration flows, 2API reverse engineering, and general browser protocol analysis. Installation & Setup Windows native module build requirement: Package as installer: Core Architecture Key Concepts Sessions A Session scopes all captured data. Each session has a name, target URL, and contains all requests, JS hook events, and storage snapshots captured during that session. Capture Engine The capture engine: 1. Attaches CDP to WebContentsView tabs 2. Enables Fetch.enable for request interception 3. Injects JS hooks via Page.addScriptToEvaluateOnNewDocument 4. Collects storage snapshots periodically AI Analysis Pipeline 1. Scene detection — rule-based classification (registration, OAuth, API auth, etc.) 2. Data assembly — selects relevant requests, deduplicates, truncates large bodies 3. Prompt building — constructs structured prompt with scene context 4. LLM call — streams response back to renderer Configuration LLM Provider Setup (Settings UI) Configure via the Settings panel (bottom-left gear icon): OpenAI: API Key: $OPENAIAPIKEY Model: gpt-4o or gpt-4o-mini Anthropic: API Key: $ANTHROPICAPIKEY Model: claude-sonnet-4-20250514 Custom (OpenAI-compatible): Base URL: e.g. https://api.deepseek.com/v1 API Key: your provider key Model: provider-specific model name IPC API (Main ↔ Renderer) Session Management Capture Control AI Analysis Real Code Examples Extend the Scene Detector Custom Prompt Builder Adding a Custom JS Hook Database Schema Access Shared Types Reference Common Patterns Pattern: Capture a Full Registration Flow 1. Click New Session → enter name + target URL (e.g. …
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills aradotso/anything-analyzer-cdp