by arvindrk · MCP Server · ★ 72
Last updated: · Indexed by AgentSkillsHub · Auto-synced every 8h
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 and are installable through the skills.sh ecosystem. This repository is skills-first. It publishes an installable skill, and the bundled CLI is the executable workflow the agent runs under the hood. What It Extracts font fami
| Stars | 72 |
| Forks | 11 |
| Language | TypeScript |
| Category | MCP Server |
| License | MIT |
| Quality Score | 74.6160759568613/100 |
| Open Issues | 3 |
| Last Updated | 2026-06-20 |
| Created | 2026-03-22 |
| Platforms | browser, claude-code, cli, codex, mcp, node |
| Est. Tokens | ~16k |
These tools work well together with extract-design-system for enhanced workflows:
Looking for a extract-design-system alternative? If you're comparing extract-design-system with other mcp server tools, these 6 projects are the closest alternatives on Agent Skills Hub — ranked by topic overlap, star count, and community traction.
🏛 [UNDER CONSTRUCTION] A (roman) claude plugin marketplace
Give your AI coding agent a design system. One command installs 221 hand-verified company DESIGN.md references
🎯 The definitive collection of 50+ verified Awesome Claude Skills for Claude Code, Claude.ai, and API. Boost
Advanced Claude Code CLI toolkit - agents, hooks, skills, MCP servers, phased development, site intelligence d
One command to make Claude Code safe for autonomous operation. Prevents rm -rf, secret leaks, force-pushes, br
Claude Code plugins and agent skills for AWS development — CDK, serverless, cost ops, and Bedrock AgentCore
Explore other popular mcp server tools:
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 72 GitHub stars.
extract-design-system is primarily written in TypeScript. It covers topics such as agent-skills, automation, brand-audit.
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 72 stars and 11 forks, indicating an active community.
extract-design-system is released under the MIT license, making it free to use and modify according to the license terms.
The top alternatives to extract-design-system on Agent Skills Hub include claude-emporium, oh-my-design, awesome-claude-skills. Each offers a different approach to the same problem space — compare them side-by-side by stars, quality score, and community activity.