design-extract

// about

designlang pulls tokens, Tailwind config, shadcn and Figma files and a DESIGN.md from any URL. It also measures layout patterns, responsive behavior across four breakpoints, hover and focus states, WCAG contrast and drift against a live source. A slop command scores how generic a site looks out of 100, and verify-ui checks whether it's on brand.

Run npx designlang https://stripe.com to extract everything, or use the Claude Code plugin.