design_doc
Extract a design system from any public URL: parse CSS custom properties, colors, fonts, spacing, radii, shadows, and get an AI-synthesized DESIGN.md or raw token data for analysis.
Instructions
Scrape a public URL and extract its design system — parses CSS custom properties, colors, fonts, spacing, radii, shadows; the configured AI provider synthesizes a DESIGN.md.
Prereq: publicly accessible URL; configured AI provider for synthesis (pass raw=true without it). Returns (raw=false): DESIGN.md with Color System, Typography, Spacing, Borders & Surfaces, Component Patterns, Voice & Tone, Do/Don't, Tailwind Config Sketch. Returns (raw=true): { url, title, tokens: { cssVars, colors, fonts, fontSizes, spacing, radii, shadows, counts } }. Errors: isError if the URL is unreachable/has no usable CSS, or the key is missing in synthesis mode. Use to reverse-engineer a reference site's system or extract tokens for comparison.
Input Schema
| Name | Required | Description | Default |
|---|---|---|---|
| raw | No | If false (default), returns an AI-synthesized DESIGN.md document (requires a configured AI provider). If true, returns raw parsed token data without calling AI. | |
| url | Yes | Fully-qualified public URL to extract design tokens from (e.g. 'https://stripe.com', 'https://linear.app'). Must be accessible without authentication. |