designcontent-media
design-extractor
从参考网站提取完整设计系统，生成 design tokens、color palette、设计系统文档和可交互 HTML playground，并保存为可复用文件供后续页面开发使用。当用户想复刻、参考或提取某个网站的设计风格、配色、动效、排版、组件结构时触发。也适用于"我想参考 X 网站的风格来做我的网站"、"帮我提取这个网站的设计规范"、"复刻这个网站的导航/卡片/组件"等场景。
maintainer
yijingjia
Atualizado 4/3/2026
Estrelas
21
Forks
2
quick start
Installation and usage
从参考网站提取完整设计系统，生成 design tokens、color palette、设计系统文档和可交互 HTML playground，并保存为可复用文件供后续页面开发使用。当用户想复刻、参考或提取某个网站的设计风格、配色、动效、排版、组件结构时触发。也适用于"我想参考 X 网站的风格来做我的网站"、"帮我提取这个网站的设计规范"、"复刻这个网站的导航/卡片/组件"等场景。
Instalação
$ install --globalskills.sh
Uso
Depois de instalar, você pode usar esta skill executando o seguinte comando no terminal:
skills use design-extractor