webscrape.extractDesign
Analyze a webpage's static HTML to extract design tokens (colors, fonts, sizes, spacing) and layout patterns, identifying its design system without JS rendering.
Instructions
Analyze a webpage and extract its design system: colors, fonts, font sizes, spacing values, layout patterns (flexbox/grid usage), and component class name patterns. Uses static HTML fetch (does not render JavaScript).
Input Schema
| Name | Required | Description | Default |
|---|---|---|---|
| url | Yes | The URL to analyze |
Output Schema
| Name | Required | Description | Default |
|---|---|---|---|
| fonts | No | ||
| colors | No | ||
| layout_hints | No |