Extract Design System From a Live Site
extract-from-urlRead a public URL to capture its brand styles as an oklch token sheet, merging stylesheet data with rendered element samples so agents can reuse the site's look.
Instructions
Point Better Design at a URL and get the site's brand back as an oklch token sheet, without pasting anything.
Use this when the user names their site ("match uclips.eu", "use our website's style") or hands you any public URL whose look should be reused. Server side, Better Design fetches the page's stylesheets AND renders the page in a headless browser to sample what role elements actually look like (body, heading, link, button, input, card), then merges both, rendered truth last. That reads the brand even when the site's variable names are unrecognizable.
Slow by nature (a real browser loads the page): expect 10 to 45 seconds. For CSS the user already has locally, prefer extract-design-system, which is instant.
Input Schema
| Name | Required | Description | Default |
|---|---|---|---|
| url | Yes | Public http(s) URL of the page to read, usually the homepage. | |
| name | No | Optional label for the extracted system. Defaults to the site's hostname. | |
| maxTokens | No | Maximum tokens to return. Truncates the token sheet to fit. |