extract-design-system

by arvindrk · MCP Server · ★ 43

About extract-design-system

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.

agent-skillsautomationbrand-auditclaude-code-skillsclaude-skillsclicsscursor-skillsdesign-mddesign-ops

Quick Facts

Stars43
Forks6
LanguageTypeScript
CategoryMCP Server
LicenseMIT
Quality Score40.8/100
Last Updated2026-05-20
Created2026-03-22
Platformsbrowser, claude-code, cli, codex, mcp, node
Est. Tokens~24k

Compatible Skills

These tools work well together with extract-design-system for enhanced workflows:

  • design-system-ops — semantic(0.55)+complementary+rare_topics+similar_pop+shared_platform (68%)
  • typeui.sh — semantic(0.50)+complementary+rare_topics+same_lang+similar_pop+shared_platform (67%)
  • claude-design-auditor-skill — semantic(0.52)+complementary+rare_topics+similar_pop+shared_platform (67%)
  • design-dna — semantic(0.61)+complementary+rare_topics+shared_platform (65%)

More MCP Server Tools

Explore other popular mcp server tools:

View all MCP Server tools →

Popular TypeScript Agent Tools

  • openclaw ⭐ 374.0k · Codex Skill
  • n8n ⭐ 189.3k · MCP Server
  • dify ⭐ 142.3k · MCP Server
  • gemini-cli ⭐ 104.5k · MCP Server
  • gstack ⭐ 100.8k · Agent Tool

Frequently Asked Questions

What is extract-design-system?

extract-design-system is 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. It is categorized as a MCP Server with 43 GitHub stars.

What programming language is extract-design-system written in?

extract-design-system is primarily written in TypeScript. It covers topics such as agent-skills, automation, brand-audit.

How do I install or use extract-design-system?

You can find installation instructions and usage details in the extract-design-system GitHub repository at github.com/arvindrk/extract-design-system. The project has 43 stars and 6 forks, indicating an active community.

What license does extract-design-system use?

extract-design-system is released under the MIT license, making it free to use and modify according to the license terms.

View on GitHub → Browse MCP Server tools