CodexClaude CodeCursorGeneric
Back to Tools
mcp · tool profile
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+.
mcp CodexClaude CodeCursorGeneric
01
At a glance.
A compact read before the deeper capability notes and official setup links.
02
Core features.
Feature cards focus on what the tool helps users do, not generated setup commands.
designlang points a headless browser at any URL and reads the design system off the live DOM.
-prompts/ Paste-ready prompts for v0, Lovable, Cursor, Claude Artifacts
-mcp.json Disk-backed MCP server payload
--emit-agent-rules adds Cursor / Claude Code / generic agent rule files.
Other tools give you the paint.
Page intent + section roles — landing / pricing / docs etc., with semantic regions (hero, feature-grid, pricing-table, cta…).
MCP server — designlang mcp exposes tokens, regions, components, and contrast pairs to any MCP-aware agent.
User-Agent override --user-agent Set a custom User-Agent string
04
Agent / Skill / MCP / Workflow fit.
This panel keeps technical format separate from the user-facing AI category.
05
Official setup path.
Generated install snippets are intentionally not mirrored here because they drift. The page links to source-owned setup docs instead.
06
Evidence and adoption notes.
These notes help a user decide whether to investigate the official project further.
Source repository last pushed at 2026-05-17T21:23:25Z.
Generated from source metadata; confirm operational details in the official project before adopting it.
Review the upstream license, maintenance activity, and issue history before using it in production.
Trusted source