design-extract MCP server
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+.
Repository: Manavarya09/design-extract
Website: https://www.designlang.app
Stars: ★4237
Language: HTML
Last updated: 2026-10-08
accessibilityagent-skillaichrome-extensionclaude-code-pluginclicsscursordesign-systemdesign-to-codedesign-tokensdtcgfigmamcp-servernpxplaywrightshadcn-uiskills-shtailwindweb-scraping
Website: https://www.designlang.app
Stars: ★4237
Language: HTML
Last updated: 2026-10-08
accessibilityagent-skillaichrome-extensionclaude-code-pluginclicsscursordesign-systemdesign-to-codedesign-tokensdtcgfigmamcp-servernpxplaywrightshadcn-uiskills-shtailwindweb-scraping
How to install design-extract
No install config was found in this README. See the repository for setup steps, then follow our guides for Claude Desktop, Cursor or VS Code.
Featured in: Best MCP servers for coding · Best MCP servers for web scraping · Best MCP servers for browser automation · Best MCP servers for TypeScript developers · Best MCP servers for Figma
Listed on Socketlist – add this badge to your README:
Maintain this project? Get it featured for free during launch →
Compare with chrome-devtools-mcp →
Related Browser Automation MCP servers
Playwright MCP by microsoft · ★38158
Official Playwright MCP server by Microsoft: browser automation for LLMs using structured accessibility snapshots instead of screenshots.
Browser Automation
Official Playwright MCP server by Microsoft: browser automation for LLMs using structured accessibility snapshots instead of screenshots.
Browser Automation
docker-android by budtmo · ★15972
Android in docker solution with noVNC supported, video recording, mcp server and AI-agent
Browser Automation
Android in docker solution with noVNC supported, video recording, mcp server and AI-agent
Browser Automation
browser-tools-mcp by AgentDeskAI · ★7329
Monitor browser logs directly from Cursor and other MCP compatible IDEs.
Browser Automation
Monitor browser logs directly from Cursor and other MCP compatible IDEs.
Browser Automation
mcp by BrowserMCP · ★7185
Browser MCP is a Model Context Provider (MCP) server that allows AI applications to control your browser
Browser Automation
Browser MCP is a Model Context Provider (MCP) server that allows AI applications to control your browser
Browser Automation
js-reverse-mcp by zhizhuodemao · ★2951
AI Agent-first JS 逆向 MCP Server：有头 Chrome 调试、断点、网络/WebSocket 分析、Patchright 反检测，可选 CloakBrowser。
Browser Automation
AI Agent-first JS 逆向 MCP Server：有头 Chrome 调试、断点、网络/WebSocket 分析、Patchright 反检测，可选 CloakBrowser。
Browser Automation
Weekly MCP digest – new and trending MCP servers in your inbox.