design-extract
Manavarya09
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+.
AI 简介
design-extract 是一个命令行工具，用于从任意网站实时提取完整设计系统。它基于 Playwright 驱动的 DOM 分析，自动产出 DTCG 规范的设计令牌（语义/基础/组合层）、Tailwind v4 配置、Figma 变量、shadcn/ui 主题、iOS/Android/Flutter/WordPress 多平台代码模板，并支持 WCAG 对比度审计、响应式行为识别、交互态（hover/focus）捕获及跨页面一致性检测。项目内置 MCP 服务器，可直接集成 Claude Code、Cursor 等 AI 编程助手，同时提供可视化评分卡与设计健康报告。适用于设计系统逆向分析、竞品调研、无障碍合规检查及设计-开发协同场景。
JavaScript
MIT License3.3k
Stars
319
Forks
9
Watchers
19
Issues
Star 增长
今日0
近 7 天0
近 30 天0
综合评分59.52
默认分支main