design-extract MCP Server
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+.
claude mcp add agentrank -- npx -y agentrank-mcp-server Overview
Manavarya09/design-extract is a HTML MCP server licensed under MIT. 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+. Topics: ai, claude-code-plugin, cli, css, design-system, design-tokens, npx, playwright, tailwind, web-scraping, agent-skill, skills-sh, accessibility, chrome-extension, cursor, design-to-code, dtcg, figma, mcp-server, shadcn-ui.
Ranked #128 out of 24850 indexed tools.
In the top 1% of all indexed tools.
Has 4,141 GitHub stars.
Actively maintained with commits in the last week.
Ecosystem
Score Breakdown
4,141 stars → well-known project
Last commit 1d ago → actively maintained
21/44 issues closed → many open issues
8 contributors → small team
No dependents → no downstream usage
Weights: Freshness 20% · Issue Health 20% · Dependents 22% · Stars 10% · Contributors 8% · How we score →
How to Improve
Matched Queries
From the README
<p align="center"> </p> <p align="center"> <a href="https://www.npmjs.com/package/designlang"></a> <a href="https://github.com/Manavarya09/design-extract/blob/main/LICENSE"></a> <a href="https://nodejs.org"></a> <a href="https://designlang.app/"></a> </p> <p align="center"> <a href="https://trendshift.io/repositories/26231?utm_source=trendshift-badge&utm_medium=badge&utm_campaign=badge-trendshift-26231" target="_blank" rel="noopener noreferrer"></a> <a href="https://trendshift.io/repositories/26231?utm_source=trendshift-badge&utm_medium=badge&utm_campaign=badge-trendshift-26231" target="_blank" rel="noopener noreferrer"></a> </p> <p align="center"> Built by <a href="https://www.manavaryasingh.com">Manav Arya Singh</a> (<a href="https://github.com/Manavarya09">@Manavarya09</a>) </p> <p align="center"> </p> ## Sponsors <p align="center"> <a href="https://www.atlascloud.ai/?utm_source=github&utm_medium=referral&utm_campaign=design-extract">Read full README on GitHub →
Get the weekly AgentRank digest
Top movers, new tools, ecosystem insights — straight to your inbox.