design-extract（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+.”展开。若保留在 AI 工具目录中，应把它定位为MCP 与工具调用集成、开发者工程工作流相关的开源工程组件，而不是直接面向普通用户的 AI 应用。
开源协议
MIT
星标
3,307
主要特性
- 核心能力：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 或工具调用集成能力
- 面向代码生成、调试或工程集成场景
- 仓库：Manavarya09/design-extract
- 主要技术栈：JavaScript
- 开源协议：MIT
使用场景
- 把外部工具和系统接入 Agent 工作流
- 构建或扩展 AI 开发者工具链
- 作为可复用开源组件进行技术评估
- 在生产采用前比较实现成本和取舍
常见问题 FAQ
先从仓库摘要（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 与工具调用集成、开发者工程工作流”定位是否匹配你的流程。仓库：https://github.com/Manavarya09/design-extract。Stars 约 2,262。协议：MIT。语言：JavaScript。
design-extract 更适合作为“视频与媒体处理、MCP 与工具调用集成、开发者工程工作流”方向的开源组件或参考实现来评估。典型评估场景包括：当需求是“视频与媒体处理”，且仓库摘要匹配“Extract any website's complete design system with one command. DTCG...”时，评估 design-extract。在选择类似内部架构前，对比 design-extract 的 JavaScript 实现方式。使用 design-extract 基于开放实现原型验证媒体生产流程。
