🏪

Manavarya09/design-extract

🏪Marketplace

What it does

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+.

Add this Marketplace

Add marketplace in Claude Code:

/plugin marketplace add Manavarya09/design-extract

0Plugins

Last UpdatedJun 18, 2026

More from this repository1

🎯

extract-design🎯Skill

**DESIGNLANG** skill that reverse-engineers any website's complete design system in one command — crawls with a headless browser, extracts computed styles from the live DOM, and generates 8 output files including AI-optimized markdown, Tailwind config, shadcn/ui theme, Figma variables, W3C design tokens, plus layout patterns, responsive behavior across 4 breakpoints, and WCAG accessibility scoring.

View on GitHub Back to Marketplaces