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+.
Open SourceLive
0 0
Install
npx designlang https://stripe.com # extract everything: tokens, Tailwind, shadcn, Figma, DESIGN.mdnpx designlang slop https://yoursite.com # how generic does it look? a score out of 100, with every tellnpx designlang verify-ui localhost:3000 --brand DESIGN.md # check your UI against your brand at 390, 768 and 1280pxCopied from the project's README. Read what it does before you run it.
README scanSafe
Nothing risky found in the commands its README asks you to run.
- Needs an API key or token
export ATLASCLOUD_API_KEY="<atlascloud-api-key>"
We scan the README only, not the code. A clean result is not proof of safety. How we scan
View on GitHubSee alternatives
Repository
- Stars
- 5,089
- Forks
- 423
- Last updated
- Nov 13, 2026
- License
- MIT
- Language
- HTML
- Created
- Apr 15, 2026
- Open issues
- 19
- Quality score
- S 81/100
Manavarya09/design-extract
Read from GitHub daily.
Pricing
Open SourceMade by
No owner listed.
Sign in to claim this tool.