by arvindrk · MCP Server · ★ 122
Last updated: · Indexed by AgentSkillsHub · Auto-synced every 8h
🔒 Is extract-design-system safe to install? View the security audit →
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 | 122 |
| Forks | 14 |
| Language | TypeScript |
| Category | MCP Server |
| License | MIT |
| Quality Score | 76.4306542351128/100 |
| Open Issues | 3 |
| Last Updated | 2026-07-11 |
| 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.
Turn reference UIs (images, screenshots, URLs) into quantified Design DNA JSON—tokens, qualitative style, visu
A VSCode extension that lets you find and install Agent Skills and MCP Apps to use with GitHub Copilot, Claude
🎯 The definitive collection of 50+ verified Awesome Claude Skills for Claude Code, Claude.ai, and API. Boost
An opinionated, AI-native development workflow for Java Enterprise — reusable Skills, Agents, Commands, and MC
Give your AI coding agent a design system. One command installs 400+ quality-graded company DESIGN.md referenc
Design engineering system for AI coding agents — ship UI with craft-level quality. Install as an agent skill.
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 122 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 122 stars and 14 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 design-dna, copilot-mcp, 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.