by Manavarya09 · MCP Server · ★ 4.1k
Last updated: · Indexed by AgentSkillsHub · Auto-synced every 8h
🔒 Is design-extract safe to install? View the security audit →
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 | 4,105 |
| Forks | 349 |
| Language | HTML |
| Category | MCP Server |
| License | MIT |
| Quality Score | 71.5360794041418/100 |
| Open Issues | 23 |
| Last Updated | 2026-09-16 |
| Created | 2026-04-15 |
| Platforms | browser, claude-code, cli, mcp |
| Est. Tokens | ~19k |
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.
Turn Claude into a senior design architect: DTCG tokens, 50 components, WCAG 2.2 AA-AAA, 138 design systems, a
AI Skills, MCP Tools, and CLI for Unity Engine. Full AI develop and test loop. Use cli for quick setup. Effici
The agent that turns websites into APIs!
Open-source design-method engine for Claude Code, Codex & Cursor. 23 agent skills for fixed design judgment, m
MCP server to provide Figma layout information to AI coding agents like Cursor
Open-Source Chrome extension for AI-powered web automation. Run multi-agent workflows using your own LLM API k
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 4.1k GitHub stars.
design-extract is primarily written in HTML. 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 4.1k stars and 349 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 ux-ui-agent-skills, Unity-MCP, reverse-api-engineer. Each offers a different approach to the same problem space — compare them side-by-side by stars, quality score, and community activity.
Grades come from a rule-based scan built on the SlowMist agent-security taxonomy, covering 11 red-flag categories including credential harvesting, data exfiltration, and curl | sh installers. It is a first-layer scan, not a manual audit — we say so rather than overstate it.
The scale of the problem is documented independently: Liu et al. (2026), in a study of 31,132 agent skills, report that 26.1% contain security vulnerabilities. Our own full-catalog census is published as a citable open dataset.
Sources & who's responsible: