design-extract
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 remediatio
Ranked by AgentPick Score, our data score from public GitHub activity. Description is the project's own.
Topics: accessibility, agent-skill, ai, chrome-extension, claude-code-plugin, cli, css, cursor, design-system, design-to-code, design-tokens, dtcg
Starter prompt
Connect the design-extract MCP server to my agent with the narrowest permissions possible, then do [task] and tell me which tool calls you made.
More in MCP servers
FastMCP →
🚀 The fast, Pythonic way to build MCP servers and clients.
Chrome DevTools MCP →
Chrome DevTools for coding agents
Codebase Memory MCP →
High-performance code intelligence MCP server. Indexes codebases into a persistent knowledge graph — average r…
Composio →
Composio powers 1000+ toolkits, tool search, context management, authentication, and a sandboxed workbench to …
MCP Python SDK →
The official Python SDK for Model Context Protocol servers and clients
MCP Toolbox for Databases →
MCP Toolbox for Databases is an open source MCP server for databases.
AgentPick Weekly
The week's new agent tools with a verdict on each, every week. Free. We'll email you a link to confirm, and you can unsubscribe any time. See our Privacy Policy.