Skip to main content
Home/Recipes/Extract authenticated views via CDP
Extraction

Extract authenticated views via CDP

Developer

Overview

Connect Dembrandt to an existing Chrome session via CDP to extract pages that require login — dashboards, account settings, gated product UIs — without automating the auth flow.

Dembrandt normally opens a fresh headless browser with no session. Pages behind a login wall return the unauthenticated view. The BROWSER_CDP_ENDPOINT environment variable lets Dembrandt connect to an existing Chromium instance via the Chrome DevTools Protocol instead. Log in manually in that browser, then point Dembrandt at it. The extraction runs in your authenticated session, capturing the real dashboard or gated UI that anonymous extraction cannot reach.

Launch Chrome with remote debugging

Terminal
google-chrome --remote-debugging-port=9222

Extract authenticated view

Terminal
BROWSER_CDP_ENDPOINT=http://localhost:9222 dembrandt app.example.com/dashboard --save-output
macOS: launch Chrome with CDP
/Applications/Google\ Chrome.app/Contents/MacOS/Google\ Chrome \
--remote-debugging-port=9222 --user-data-dir=/tmp/chrome-cdp
# Log into the target site in this Chrome window, then run:
BROWSER_CDP_ENDPOINT=http://localhost:9222 dembrandt app.example.com/dashboard --save-output
Output

Token extraction from authenticated product UIs, dashboards, and gated views.

More in Extraction

Basic token extractionMulti-page crawlDark mode analysisScreenshot + token visual auditDTCG export to Tokens Studio or Figma VariablesExtract and merge tokens across key pagesRaw vs. filtered color analysisExtract Cloudflare-protected sites with Firefox

Browse all

All recipes →

52 workflows

Continue reading

Getting started

Install Dembrandt and turn any public website into a complete set of design tokens in under 2 minutes. All you need is Node.js and a terminal.

Read more

MCP

Use Dembrandt as a tool inside Claude Code, Cursor, Windsurf, or any MCP-compatible editor. Your agent extracts live design tokens automatically when you ask.

Read more

Skills

30 UX and design system skills for AI agents. Install once, your agent designs with hierarchy, WCAG standards, and brand accuracy. The UX knowledge that normally costs senior consultant days.

Read more