▲ 254 today4.6k starsHTMLHN ×1
Extract a site’s full design system with a single command
What is design-extract?
designlang points a headless browser at any URL and outputs a complete design system, color tokens, Tailwind config, component code for iOS SwiftUI, Android Compose, Flutter, WordPress, plus WCAG contrast scores. It also creates a graded report of responsive breakpoints, hover/focus states, visual diffs and a ready-to-paste prompt pack for Claude, Cursor or other AI coders.
Who it is for
Front-end developers and designers can instantly bootstrap a style guide, audit accessibility, or migrate a site without manual CSS hunting.
How to try it
npx designlang https://stripe.com