Manavarya09 / design-extract
git clone https://github.com/Manavarya09/design-extract.git
v13.3.2 · 1mo ago
🔥 on GitHub Trending today
Extracts a website's design system from its live DOM via headless Chromium and emits tokens and code for many platforms.
Why you might care
Useful when you need a site's colors, type, spacing, and motion as DTCG tokens, Tailwind, shadcn, Figma variables, or SwiftUI/Compose/Flutter code without manual inspection. It also reports layout patterns, responsive behavior, hover and focus states, and WCAG contrast scores. Runs via npx under MIT with Node 20+.
+15
stars, 24h · #2,308
+104
stars, 7 days · #2,186
+~540
stars, 30 days · #1,569
4.3k
★ total · +2% this week
364
forks · 17 open issues
Star history (as recorded here)
LanguageHTML
LicenseMIT
Created2026-04-15 (6mo ago)
Last push1d ago
Watchers13
OwnerUser
Seen on GitHub Trending
- 2026-10-24 — #13 weekly in html · +104 ★
GitHub topics
accessibilityagent-skillaichrome-extensionclaude-code-pluginclicsscursordesign-systemdesign-to-codedesign-tokensdtcgfigmamcp-servernpxplaywrightshadcn-uiskills-shtailwindweb-scraping
Links
- GitHub: github.com/Manavarya09/design-extract
- Homepage: https://www.designlang.app
- Releases · Issues · Hacker News mentions
README
Loading README…
Blurb generated by claude-haiku-5-5 today. Star deltas marked ~ are extrapolated from partial history.