by Manavarya09 · MCP Server · ★ 2.1k
Last updated: · Indexed by AgentSkillsHub · Auto-synced every 8h
DESIGNLANG Reverse-engineer any website's complete design system in one command. designlang crawls any website with a headless browser, extracts every computed style from the live DOM, and generates 8 output files — including an AI-optimized markdown file, visual HTML preview, Tailwind config, React theme, shadcn/ui theme, Figma variables, W3C design tokens, and CSS custom properties. But unlike every other tool out there, it also extracts layout patterns (grids, flexbox, containers), captures responsive behavior across 4 breakpoints, records interaction states (hover, focus, active), scores WCAG accessibility, and lets you compare multiple brands or sync live sites to local tokens. Quick Start ba
| Stars | 2,105 |
| Forks | 187 |
| Language | JavaScript |
| Category | MCP Server |
| License | MIT |
| Quality Score | 56.63/100 |
| Open Issues | 15 |
| Last Updated | 2026-05-04 |
| Created | 2026-04-15 |
| Platforms | browser, claude-code, cli, mcp, node |
| Est. Tokens | ~541k |
These tools work well together with design-extract for enhanced workflows:
Looking for a design-extract alternative? If you're comparing design-extract 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.
AI Skills, MCP Tools, and CLI for Unity Engine. Full AI develop and test loop. Use cli for quick setup. Effici
Fast, local-first web content extraction for LLMs. Scrape, crawl, extract structured data — all from Rust. CLI
Monitor browser logs directly from Cursor and other MCP compatible IDEs.
TalkToFigma: MCP integration between AI Agent (Cursor, Claude Code) and Figma, allowing Agentic AI to communic
Clone any website with one command using AI coding agents
A mcp server to allow LLMS gain context about shadcn ui component structure,usage and installation,compaitable
Explore other popular mcp server tools:
design-extract is 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 Comp. It is categorized as a MCP Server with 2.1k GitHub stars.
design-extract is primarily written in JavaScript. It covers topics such as accessibility, agent-skill, ai.
You can find installation instructions and usage details in the design-extract GitHub repository at github.com/Manavarya09/design-extract. The project has 2.1k stars and 187 forks, indicating an active community.
design-extract is released under the MIT license, making it free to use and modify according to the license terms.
The top alternatives to design-extract on Agent Skills Hub include Unity-MCP, webclaw, browser-tools-mcp. Each offers a different approach to the same problem space — compare them side-by-side by stars, quality score, and community activity.