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 和 Node.js 构建，支持从网页中抽取 DTCG 令牌、语义+原始+复合组件，并提供 MCP 服务器支持 Claude Code/Cursor/Windsurf 等应用。此外，它还具备多平台生成器（如 iOS SwiftUI、Android Compose、Flutter、WordPress）、Tailwind v4 支持、Figma 变量管理、shadcn/ui 集成、CSS 健康审计及 WCAG 合规性修复等功能。该工具特别适合需要快速将现有网站的设计系统转换为代码的开发者，以及关注无障碍访问和前端质量保证的专业人士使用。
JavaScript
MIT License3.1k
Stars
291
Forks
9
Watchers
22
Issues
Star 增长
今日+74
近 7 天+153
近 30 天+666
综合评分109.4
默认分支main