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 Compose, Flutter, WordPress), Tailwind v4, Figma variables, shadcn/ui, CSS health audit, WCAG remediation, Chrome extension. MIT, Playwright, Node 20+.
{
"mcpServers": {
"design-extract": {
"command": "node",
"args": ["/path/to/design-extract/dist/index.js"]
}
}
}~/Library/Application Support/Claude/claude_desktop_config.json (Mac) or %APPDATA%\Claude\claude_desktop_config.json (Windows).<placeholder> values with your API keys or paths.MCP Servers overview
What people ask about design-extract
What is Manavarya09/design-extract?
+
Manavarya09/design-extract is mcp servers for the Claude AI ecosystem. 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 Compose, Flutter, WordPress), Tailwind v4, Figma variables, shadcn/ui, CSS health audit, WCAG remediation, Chrome extension. MIT, Playwright, Node 20+. It has 1.7k GitHub stars and was last updated today.
How do I install design-extract?
+
You can install design-extract by cloning the repository (https://github.com/Manavarya09/design-extract) or following the README instructions on GitHub. ClaudeWave also provides quick install blocks on this page.
Is Manavarya09/design-extract safe to use?
+
Manavarya09/design-extract has not been audited yet by our security agent. Review the original repository on GitHub before using it in production.
Who maintains Manavarya09/design-extract?
+
Manavarya09/design-extract is maintained by Manavarya09. The last recorded GitHub activity is from today, with 0 open issues.
Are there alternatives to design-extract?
+
Yes. On ClaudeWave you can browse similar mcp servers at /categories/mcp, sorted by popularity or recent activity.
Deploy design-extract to your cloud
Ship this repo to production in minutes. Each platform spins up its own environment with editable env vars.
Maintain this repo? Add a badge to your README
Drop the badge into your GitHub README to show it's tracked on ClaudeWave. Each badge links back to this page and reflects the live Trust Score.
[](https://claudewave.com/repo/manavarya09-design-extract)<a href="https://claudewave.com/repo/manavarya09-design-extract"><img src="https://claudewave.com/api/badge/manavarya09-design-extract" alt="Featured on ClaudeWave — Manavarya09/design-extract" width="320" height="64" /></a>More MCP Servers
Fair-code workflow automation platform with native AI capabilities. Combine visual building with custom code, self-host or cloud, 400+ integrations.
User-friendly AI Interface (Supports Ollama, OpenAI API, ...)
An open-source AI agent that brings the power of Gemini directly into your terminal.
A collection of MCP servers.
The fastest path to AI-powered full stack observability, even for lean teams.
The all-in-one AI productivity accelerator. On device and privacy first with no annoying setup or configuration.