Manavarya09/design-extract
Extract any website's complete design system with one command. DTCG tokens, semantic+primitive+composite, MCP server for Claude Code/Cursor/Windsurf, multi-platform emitters (iOS SwiftUI, Android Compose, Flutter, WordPress), Tailwind v4, Figma variables, shadcn/ui, CSS health audit, WCAG remediation, Chrome extension. MIT, Playwright, Node 20+. observed · 2026-08-28
Health v2 · maintenance only
76/100
- Activity 99
- Release rhythm 84
- Longevity 10
Flags: young
How is this computed?
round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10) — computed 2026-09-02. Adoption (stars, forks) is never an input.
- gap_med: 0
- age_days: 140
- days_rel: 104
- days_push: 9
- n_releases_24m: 32
Adoption not part of the score
3710 stars · 327 forks observed · 2026-08-28
What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-29, confidence not recorded
designlang is an open-source CLI (npx designlang <url>) that uses a Playwright-driven headless browser to reverse-engineer any website's design system from the live DOM. It emits DTCG design tokens, Tailwind config, CSS variables, Figma variables, shadcn themes, native emitters for iOS SwiftUI/Android Compose/Flutter/WordPress, WCAG contrast audits, and ships an MCP server for AI editors like Claude Code, Cursor, and Windsurf.
Use cases
- extract design tokens from any website url
- generate tailwind config from an existing site
- convert a website's colors and typography into figma variables
- audit a website for wcag contrast issues
- clone a competitor's design system into shadcn theme
- generate swiftui or jetpack compose theme from a website
- feed a website's design system into claude code or cursor via mcp
- generate a brand book pdf from a live site
When to choose
- you need to bootstrap a design system from an existing site or competitor reference
- you want DTCG tokens plus multi-platform emitters in one command
- you use AI coding editors and want design context via MCP
- you need automated WCAG contrast scoring with remediation suggestions
When to avoid
- you need a full visual design tool or pixel-perfect site cloning rather than token extraction
- your target site is heavily client-rendered with anti-bot protections that block headless browsers
- you need design extraction from design files (Figma/Sketch) rather than live websites
Facets
cli-tool · maturity active
cli web-scraping mcp ui-components accessibility browser-extension pdf developer-tools web-development web-design developer-tools frontend accessibility cli browser-extension cross-platform design-tokens dtcg tailwind figma shadcn-ui mcp-server claude-code cursor playwright design-extraction wcag swiftui jetpack-compose flutter wordpress command-line design-systems nodejs docker
3 sources
- readme: https://github.com/Manavarya09/design-extract · fetched 2026-08-28 · db9d924f6735
- homepage: https://www.designlang.app · fetched 2026-08-29 · 66aac7c69eb1
- site_page: https://www.designlang.app/features · fetched 2026-08-29 · 587199fd5cf8
Member repositories
| Repository | Role | Health v2 |
|---|---|---|
| Manavarya09/design-extract | main | 76 |
For agents
markdown · JSON · MCP: product_card(name="Manavarya09/design-extract")
Data as of 2026-08-30T08:39:29.467469+00:00 · Report a problem