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

extract-design-system MCP Server

arvindrk/extract-design-system

Score: 47.7 Rank #22648 Browser Automation
[![AgentRank](https://agentrank-ai.com/api/v1/badge/arvindrk--extract-design-system)](https://agentrank-ai.com/tool/arvindrk--extract-design-system/?utm_source=badge&utm_medium=readme&utm_campaign=agentrank_badge)
Are you the maintainer of arvindrk/extract-design-system? Claim this listing →

Extract design tokens (colors, typography, spacing, border radius, shadows) from any public website. Generates JSON and CSS custom properties for local projects. Available as an AI agent skill (Claude, Cursor, Codex) and standalone CLI.

Add AgentRank to Claude Code Discover and compare tools like arvindrk/extract-design-system — your AI finds the right one automatically
Get API Access →
claude mcp add agentrank -- npx -y agentrank-mcp-server

Overview

arvindrk/extract-design-system is a TypeScript tool licensed under MIT. Extract design tokens (colors, typography, spacing, border radius, shadows) from any public website. Generates JSON and CSS custom properties for local projects. Available as an AI agent skill (Claude, Cursor, Codex) and standalone CLI. Topics: agent-skills, automation, cli, cursor-skills, design-system, skills-sh, token-extractor, claude-code-skills, claude-skills, design-ops, design-tokens, developer-experience, frontend, mcp, playwright, ui-audit, brand-audit, css, design-md, nodejs.

Ranked #22648 out of 24846 indexed tools.

Ecosystem

TypeScript MIT
agent-skillsautomationclicursor-skillsdesign-systemskills-shtoken-extractorclaude-code-skillsclaude-skillsdesign-opsdesign-tokensdeveloper-experiencefrontendmcpplaywrightui-auditbrand-auditcssdesign-mdnodejs

Score Breakdown

StarsFreshnessIssue HealthContributorsDependents
Stars 15% 242

242 stars → growing community

Freshness 25% 2mo ago

Last commit 2mo ago → moderate activity

Issue Health 25% 0%

0/4 issues closed → many open issues

Contributors 10% 3

3 contributors → small team

Dependents 25% 0

No dependents → no downstream usage

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

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

How to Improve

Freshness high impact

Last commit was 67 days ago — a recent commit would boost your freshness score

Issue Health high impact

You have 4 open vs 0 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 arvindrk/extract-design-system
[![AgentRank](https://agentrank-ai.com/api/v1/badge/arvindrk--extract-design-system)](https://agentrank-ai.com/tool/arvindrk--extract-design-system/?utm_source=badge&utm_medium=readme&utm_campaign=agentrank_badge)
<a href="https://agentrank-ai.com/tool/arvindrk--extract-design-system/?utm_source=badge&utm_medium=readme&utm_campaign=agentrank_badge"><img src="https://agentrank-ai.com/api/v1/badge/arvindrk--extract-design-system" 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="arvindrk/extract-design-system"></script>

Matched Queries

topic:mcp

From the README

<p align="center">
  <a href="https://www.npmjs.com/package/extract-design-system">
    
  </a>
  <a href="https://skills.sh/arvindrk/extract-design-system/extract-design-system">
    
  </a>
  <a href="https://github.com/arvindrk/extract-design-system/actions/workflows/ci.yml">
    
  </a>
</p>

# extract-design-system — Extract Design Tokens from Any Website

Reverse-engineer design tokens (colors, typography, spacing, border radius, shadows) from any public website and generate starter JSON and CSS custom properties for your local project. Available as an AI agent skill (Claude, Cursor, Codex) and standalone CLI.

Skills follow Anthropic's [Agent Skills overview](https://platform.claude.com/docs/en/agents-and-tools/agent-skills/overview) and are installable through the [skills.sh](https://skills.sh/arvindrk/extract-design-system/extract-design-system) ecosystem.

This repository is skills-first. It publishes an installable `extract-design-system` skill, and the bundled CLI is the ex
Read full README on GitHub →

Get the weekly AgentRank digest

Top movers, new tools, ecosystem insights — straight to your inbox.