Design Extract

Extract any website's design system from its public URL. No login, no API key, no Figma.

When to use

• User pastes a URL and wants to understand its visual design
• User wants to replicate a site's look and feel
• User asks "what design system does X use?"
• User wants a DESIGN.md for AI context
• User wants to match an existing site's tokens in their own project

How it works

1. Fetch the URL's HTML and all linked stylesheets
2. Parse CSS for: custom properties, colors, fonts, spacing, radii, shadows
3. Send extracted raw data to Claude for structured synthesis
4. Output a DESIGN.md with: color system, typography, spacing, borders, component patterns, Tailwind config sketch