Manavarya09

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

6 good first / help-wanted issues · HTML · last activity Oct 19, 2026

4.3K stars 372 forks 4.3K watchers HTML MIT License
accessibility agent-skill ai chrome-extension claude-code-plugin cli css cursor design-system design-to-code design-tokens dtcg figma mcp-server npx playwright shadcn-ui skills-sh tailwind web-scraping
View on GitHub Website
6 Open Issues Need Help Last updated: Oct 19, 2026

Open Issues Need Help

View All on GitHub
Add `--quiet` / `-q` flag (suppress all non-error output) 2 days ago
enhancement good first issue javascript
Manavarya09/design-extract
4.3K

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

HTML
#accessibility#agent-skill#ai#chrome-extension#claude-code-plugin#cli#css#cursor#design-system#design-to-code#design-tokens#dtcg#figma#mcp-server#npx#playwright#shadcn-ui#skills-sh#tailwind#web-scraping
Add `--only <emitters>` and `--skip <emitters>` flags to extract 5 months ago
enhancement good first issue javascript
Manavarya09/design-extract
4.3K

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

HTML
#accessibility#agent-skill#ai#chrome-extension#claude-code-plugin#cli#css#cursor#design-system#design-to-code#design-tokens#dtcg#figma#mcp-server#npx#playwright#shadcn-ui#skills-sh#tailwind#web-scraping
Detect dark mode via `prefers-color-scheme` media queries (today: class-only) 5 months ago
enhancement good first issue javascript
Manavarya09/design-extract
4.3K

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

HTML
#accessibility#agent-skill#ai#chrome-extension#claude-code-plugin#cli#css#cursor#design-system#design-to-code#design-tokens#dtcg#figma#mcp-server#npx#playwright#shadcn-ui#skills-sh#tailwind#web-scraping
Add iOS UIKit emitter alongside SwiftUI (`ios/DesignTokens+UIKit.swift`) 5 months ago
enhancement good first issue javascript transform
Manavarya09/design-extract
4.3K

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

HTML
#accessibility#agent-skill#ai#chrome-extension#claude-code-plugin#cli#css#cursor#design-system#design-to-code#design-tokens#dtcg#figma#mcp-server#npx#playwright#shadcn-ui#skills-sh#tailwind#web-scraping
Add `designlang doctor` command (sanity-check the local install) 5 months ago
enhancement good first issue javascript
Manavarya09/design-extract
4.3K

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

HTML
#accessibility#agent-skill#ai#chrome-extension#claude-code-plugin#cli#css#cursor#design-system#design-to-code#design-tokens#dtcg#figma#mcp-server#npx#playwright#shadcn-ui#skills-sh#tailwind#web-scraping
Add Open Props emitter (`<host>-open-props.css`) 5 months ago
enhancement good first issue javascript transform
Manavarya09/design-extract
4.3K

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

HTML
#accessibility#agent-skill#ai#chrome-extension#claude-code-plugin#cli#css#cursor#design-system#design-to-code#design-tokens#dtcg#figma#mcp-server#npx#playwright#shadcn-ui#skills-sh#tailwind#web-scraping