back
loading skill details...
Extract complete design systems from any website — colors, typography, spacing, shadows, and more — using the designlang CLI.
DESIGNLANG — Design System Extraction Skill by ara.so — Daily 2026 Skills collection. designlang crawls any website with a headless browser (Playwright), extracts every computed style from the live DOM, and generates 8 output files: AI-optimized markdown, visual HTML preview, Tailwind config, React theme, shadcn/ui theme, Figma variables, W3C design tokens, and CSS custom properties. Installation # No install needed — run directly npx designlang https://stripe.com # Install globally npm install -g designlang # Install as an agent skill npx skills add Manavarya09/design-extract
don't have the plugin yet? install it then click "run inline in claude" again.