design-extract（Manavarya09/design-extract）是 GitHub 开源 AI 项目。仓库描述提到：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/工具调用集成、开发者工程能力。适合基于开源仓库进行二次开发、集成与持续迭代。
开源协议
MIT
星标
2,264
主要特性
- 核心能力：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 工程链路
- 基于 design-extract 构建团队内部 AI 能力原型
- 在真实业务中验证 design-extract 的开源工程能力
- AI 开发流程搭建
- Agent 工作流自动化
常见问题 FAQ
建议先明确要接入的能力边界与调用方式，再基于仓库能力梳理接口、参数与权限策略。GitHub 仓库地址：https://github.com/Manavarya09/design-extract。社区关注度约 2,262 Stars。开源协议：MIT。
它更适合作为业务能力封装层或执行组件，常见落地方式包括：把外部系统能力接入 Agent 工作流、支持研发团队构建与迭代 AI 工程链路、基于 design-extract 构建团队内部 AI 能力原型。
