@frontend-debugger/core

Core primitives for frontend UI debugging via Chrome DevTools Protocol.

• CDP connection management — connect to any Chromium-based browser
• Framework detection — auto-detect React, Vue, and Storybook
• Component inspection — traverse component trees, read props/state
• Accessibility auditing — axe-core integration with WCAG 2.1 checks
• Visual regression — pixel-level screenshot comparison with pixelmatch
• Session replay — capture and replay user sessions with rrweb

Installation

npm install @frontend-debugger/core

Requires Node.js 20+.

Usage

import { connectCDP, detectFramework, inspectComponent } from '@frontend-debugger/core';

const client = await connectCDP({ port: 9222 });
const framework = await detectFramework(client);
const tree = await inspectComponent(client, 'App');

License

MIT