Extract Design System
插件 已验证 活跃从公共网站提取设计图元并生成启动器令牌文件。
1 个 Skill 0 个 MCP
目的
自动化从现有网站提取设计令牌的过程,为新项目或设计系统更新提供基础。
功能
- 提取颜色、排版、间距、边框半径和阴影。
- 生成启动器 `tokens.json` 和 `tokens.css` 文件。
- 提供 AI 代理技能和独立的 CLI。
- 规范化提取的数据以提高稳定性。
- 包含一个 MCP 服务器用于结构化工具调用。
使用场景
- 当你需要基于现有网站样式为新项目生成启动器设计令牌时。
- 当代理需要分析公共网站的视觉图元时。
- 建立可重复的设计令牌提取工作流程。
- 在实施更广泛的更改之前,获取网站设计图元的摘要。
非目标
- 创建完整的组件库。
- 像素级精确复制网站设计。
- 自动修补框架配置或项目范围的重写。
- 从动态、受保护或高度脚本驱动的网站提取(存在限制)。
文档
- info:配置和参数参考虽然 README 详细说明了用法和输出,但 CLI 和 MCP 服务器的具体参数(包括默认值)并未明确记录。
代码执行
- info:验证源代码表明 Playwright 用于浏览器交互,这暗示了一定程度的输入验证,但并非所有参数的显式模式验证并非立即显现。
错误
- info:可操作的错误消息SKILL.md 提到了在修改文件前征求确认,README 注意到动态网站可能出现的故障,但未详细说明明确的错误消息框架。
范围
- info:干运行预览SKILL.md 指示在修改文件前征求确认,这起到了手动干运行的作用,但没有明确宣传用于文件生成的自动 `--dry-run` 标志。
安装
/plugin install extract-design-system@arvindrk-extract-design-system包含 1 个扩展
质量评分
已验证96 /100
2 days ago 分析