design-extract

MCP server and CLI that extracts a website complete design system in one command, outputting DTCG design tokens, Tailwind v4 config, and multi-platform emitters for iOS, Android, Flutter, and shadcn/ui. Agents use it to bootstrap design-consistent UIs without manual inspection.

Connects to: Claude Code, Cursor, Windsurf, Chrome Extension · · MIT 4,134★

Use it with an AI agent

Loadbay is an MCP server, so an agent can search the catalog and find this harness:

claude mcp add --transport http loadbay https://loadbay.xyz/api/mcp

• Source: https://github.com/Manavarya09/design-extract
• This harness as JSON: /api/harnesses/design-extract
• Agent setup: /setup.md
• Browse all 850+ harnesses on Loadbay