Steal this style — extract design tokens from any URL
extract_design_tokensConvert any website's visual style into a buildable CSS spec: extract color roles, typography scale, spacing, radii, and shadows as a summary plus pasteable :root tokens.
Instructions
Turn "make it look like " into a buildable spec: the palette with inferred roles (page background, surfaces, text, accent, accent gradient), the type scale, body size, weights and fonts, the spacing base and scale, radii and shadows — as an inferred-roles summary plus a pasteable CSS :root block. Optionally saved to .agent-eyes/styles/.
Input Schema
| Name | Required | Description | Default |
|---|---|---|---|
| url | Yes | Absolute URL to open, e.g. http://localhost:5173. | |
| reload | No | Reload even if the URL is already open (default reuses it, so it can be stale after an edit). | |
| saveAs | No | Also save the tokens to .agent-eyes/styles/<name>.json. | |
| viewport | No | Switch to this breakpoint first. Default: keep the current one. |