Extracts design tokens from any public website by scraping CSS and generating normalized JSON files plus starter token assets for your project. Useful when you need to match an existing site's visual language or want a foundation to build from instead of starting with generic design tokens. Runs Playwright under the hood to capture computed styles, then outputs raw extraction data, normalized tokens, and ready-to-use CSS custom properties. The extraction is basic but solid for colors, typography, spacing, and shadows. Won't give you a complete design system but saves hours of manual token setup.
npx skills add arvindrk/extract-design-system --skill extract-design-system