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://stripe.com # Or install once (global), then call `dembrandt` directly npm i -g dembrandt # Basic extraction — outputs to terminal dembrandt https://stripe.com # JSON output — pipe into files or other tools dembrandt https://stripe.com --json-only > stripe-tokens.json # W3C DTCG format (design-tokens.org standard) dembrandt https://stripe.com --dtcg --save-output # Generate DESIGN.md (human + AI readable brand doc) dembrandt https://stripe.com --design-md # Multi-page crawl (follows internal links) dembrandt https://stripe.com --crawl 5 # Dark mode colors dembrandt https://stripe.com --dark-mode # Mobile viewport dembrandt https://stripe.com --mobile # Everything saved to output/ dembrandt https://stripe.com --save-output # Self-contained HTML report — open offline or attach as a CI artifact [dembrandt 0.19+] dembrandt https://stripe.com --html report.html # Drift gate — compare against a saved baseline; exits 1 on drift [dembrandt 0.19+] dembrandt https://app.example.com --compare baseline.json --html report.html ``` ## MCP Usa...