01
它能帮你做什么
- 01
分析网站设计系统
- 02
整理语义与基础设计令牌
- 03
通过 MCP 提供设计上下文
适合谁：需要操作网页、桌面或设备应用的开发与测试人员。
02
可以这样用
下面是一个任务示例，帮助你判断它是否适合当前工作。
给它的任务 / 材料
参考网站地址和待提取的设计范围
期望得到的结果
可复用的设计令牌与界面样式信息
03
怎样接入你的 Agent
- 1
先打开项目使用文档，确认支持的运行环境、客户端和连接方式。
- 2
按项目说明配置 MCP 服务；涉及应用账户、数据库或设备时，准备对应连接信息与授权。
- 3
先用一个小任务验证连接，例如：参考网站地址和待提取的设计范围。检查返回内容后再接入完整流程。
04
项目与来源
能力说明依据项目 README 整理；示例描述一种使用任务，不是平台已执行的结果。安装参数、支持版本和授权范围以项目原文为准。
查看项目原始简介
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
热度采集：2026年10月15日 · 内容整理：2026年10月16日