跳转到主要内容

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

质量评分

已验证
96 /100
2 days ago 分析

信任信号

最近提交6 days ago
星标36
许可证MIT
状态
查看源代码