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

accessibilityagent-skillaichrome-extensionclaude-code-pluginclicsscursor

配置方法

这个项目没有在官方 MCP Registry 登记安装方式，请参考下方 README，或者把提示词交给智能体帮你配置。

交给智能体配置

请帮我在 Claude Code 里配置这个 MCP Server：https://github.com/Manavarya09/design-extract

1. 先阅读它的 README，告诉我它提供哪些工具、需要什么依赖和密钥、会访问哪些数据；
2. 等我确认后，用 claude mcp add 添加（默认 local 作用域，密钥用环境变量，不要写进项目文件）；
3. 添加后运行 claude mcp list 确认已连接，并用一个简单任务演示它能用。

MCP Server 能以你的身份访问外部系统。只接入可信来源，密钥放在环境变量里，详见「MCP」一课。

README

在 GitHub 查看