Analyze website design
analyze_siteExtract a website's design system by analyzing its live DOM: get computed colors, typography, CSS variables, spacing, radius, shadows, and reusable components.
Instructions
Open a website in Chromium and extract its computed color palette, typography, CSS variables, spacing/radius/shadow primitives, and reusable component families.
Input Schema
| Name | Required | Description | Default |
|---|---|---|---|
| url | Yes | Absolute http:// or https:// URL to analyze. | |
| timeoutMs | No | Navigation timeout in milliseconds. | |
| userAgent | No | Optional browser user-agent override. | |
| waitUntil | No | Page lifecycle event to await before extraction. | domcontentloaded |
| autoScroll | No | Scroll through the page before extraction to trigger lazy-rendered content. | |
| maxScrolls | No | Maximum viewport-sized scroll steps when autoScroll is enabled. | |
| maxElements | No | Maximum DOM elements to analyze. | |
| includeHidden | No | Include elements hidden by CSS or layout. | |
| viewportWidth | No | Browser viewport width in CSS pixels. | |
| viewportHeight | No | Browser viewport height in CSS pixels. | |
| allowPrivateNetwork | No | Allow localhost and private-network URLs. Enable only for trusted sites. | |
| maxComponentExamples | No | Example selectors returned for each component type. |
Output Schema
| Name | Required | Description | Default |
|---|---|---|---|
| result | Yes |