extract-design

# Extract Design — Dembrandt Dembrandt runs a headless Chromium browser against any URL, walks up to thousands of DOM elements, reads computed CSS, and returns a structured design system: colors with confidence scoring, typography styles, spacing scale, border radius, borders, shadows, and interactive component styles. ## How to Run ```bash # Zero-install — npx fetches the package on first run (lowest friction) npx -y dembrandt https://dembrandt.com # Or install once (global), then call `dembrandt` directly npm i -g dembrandt # Basic extraction — outputs to terminal dembrandt https://dembrandt.com # JSON output — pipe into files or other tools dembrandt https://dembrandt.com --json-only > dembrandt-tokens.json # W3C DTCG format (design-tokens.org standard) dembrandt https://dembrandt.com --dtcg --save-output # Generate DESIGN.md (human + AI readable brand doc) dembrandt https://dembrandt.com --design-md # Multi-page crawl (follows internal links) dembrandt https://dembrandt.com --crawl 5 # Dark mode colors dembrandt https://dembrandt.com --dark-mode # Mobile viewport dembrandt https://dembrandt.com --mobile # Everything saved to output/ dembrandt https://dembrandt.com --save-output # Tailwind v4 @theme CSS — observed values only [dembrandt 0.28+] dembrandt https://dembrandt.com --tailwind src/app.css # Self-contained HTML report — open offline or attach as a CI artifact [dembrandt 0.19+] dembrandt https://dembrandt.com --html report.html # Drift gate — compar...