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 remediation, Chrome extension. MIT, Playwright, Node 20+.

{
  "mcpServers": {
    "design-extract": {
      "command": "npx",
      "args": [
        "-y",
        "Manavarya09/design-extract"
      ]
    }
  }
}

claude mcp add design-extract npx -y Manavarya09/design-extract

{
  "mcpServers": {
    "design-extract": {
      "command": "npx",
      "args": [
        "-y",
        "Manavarya09/design-extract"
      ]
    }
  }
}