design_doc
Extract design tokens (colors, fonts, spacing) from any public URL and receive a synthesized design system document or raw structured token data.
Instructions
Scrape a public URL and extract its design system — parses CSS custom properties, colors, fonts, spacing, radii, shadows; Claude synthesizes a DESIGN.md.
Prereq: publicly accessible URL; ANTHROPIC_API_KEY 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 ANTHROPIC_API_KEY). If true, returns the raw parsed token data as JSON without calling the AI — useful when ANTHROPIC_API_KEY is unavailable or you want structured data. | |
| url | Yes | Fully-qualified public URL to extract design tokens from (e.g. 'https://stripe.com', 'https://linear.app'). Must be accessible without authentication. |