用途:给定一个 URL,抓取该网站的颜色、字体、CSS 与动效信息,输出结构化的 design.md,供 AI 消费。该输出可直接接入 motion-anything 的设计系统(app/design-systems/),使 HTML 与视频生成沿用网站真实的十六进制色值、排版与品牌节奏。
主要能力:提取设计令牌(颜色、排版、间距、CSS、动效)并整理为 design.md。
使用方式:若尚未安装,可一次性执行(需要网络):npx skills add https://github.com/Paidax01/web-to-design-md。随后针对目标 URL 运行以生成 design.md,再将结果作为 motion-anything 设计系统导入,进而生成符合品牌调性的动效。
定位说明:它是“外观/令牌”的前半段,motion-anything 是“动效”的后半段,二者搭配使用:web-to-design-md → 设计系统 → 品牌化生成。
限制:该工具为按需安装的轻量封装,上游未提供开源许可证,因此无法再分发其代码,只能按需获取;若上游后续加入宽松许可证,方可正式内置以支持离线使用。上游地址:https://github.com/Paidax01/web-to-design-md。其余细节暂未提供。