Google PageRank for AI agents. 25,000+ tools indexed.

design-extract MCP Server

Manavarya09/design-extract

Score: 80.5 Rank #128 Browser Automation
Are you the maintainer of Manavarya09/design-extract? Claim this listing →

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+.

Add AgentRank to Claude Code Discover and compare tools like Manavarya09/design-extract — your AI finds the right one automatically
Get API Access →
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

HTML MIT
aiclaude-code-pluginclicssdesign-systemdesign-tokensnpxplaywrighttailwindweb-scrapingagent-skillskills-shaccessibilitychrome-extensioncursordesign-to-codedtcgfigmamcp-servershadcn-ui

Score Breakdown

StarsFreshnessIssue HealthContributorsDependents
Stars 15% 4,141

4,141 stars → well-known project

Freshness 25% 1d ago

Last commit 1d ago → actively maintained

Issue Health 25% 48%

21/44 issues closed → many open issues

Contributors 10% 8

8 contributors → small team

Dependents 25% 0

No dependents → no downstream usage

npm Downloads N/A
PyPI Downloads N/A
Forks 349
Description Detailed
License MIT

Weights: Freshness 20% · Issue Health 20% · Dependents 22% · Stars 10% · Contributors 8% · How we score →

How to Improve

Issue Health high impact

You have 23 open vs 21 closed issues — triaging stale issues improves health

Dependents medium impact

No downstream dependents detected yet — adoption by other projects is the strongest trust signal

Badge all embed codes →

AgentRank score for Manavarya09/design-extract
[![AgentRank](https://agentrank-ai.com/api/badge/tool/Manavarya09--design-extract)](https://agentrank-ai.com/tool/Manavarya09--design-extract/?utm_source=badge&utm_medium=readme&utm_campaign=agentrank_badge)
<a href="https://agentrank-ai.com/tool/Manavarya09--design-extract/?utm_source=badge&utm_medium=readme&utm_campaign=agentrank_badge"><img src="https://agentrank-ai.com/api/badge/tool/Manavarya09--design-extract" alt="AgentRank"></a>

Embed Widget docs →

Embed a rich score widget on your site or blog.

<script src="https://agentrank-ai.com/embed.js" data-tool="Manavarya09/design-extract"></script>

Matched Queries

"mcp server""mcp-server"

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&amp;utm_medium=badge&amp;utm_campaign=badge-trendshift-26231" target="_blank" rel="noopener noreferrer"></a>
  <a href="https://trendshift.io/repositories/26231?utm_source=trendshift-badge&amp;utm_medium=badge&amp;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.