home/categories/design/yijingjia-skills-design-extractor-skill-md
designcontent-media

design-extractor

从参考网站提取完整设计系统,生成 design tokens、color palette、设计系统文档和可交互 HTML playground,并保存为可复用文件供后续页面开发使用。当用户想复刻、参考或提取某个网站的设计风格、配色、动效、排版、组件结构时触发。也适用于"我想参考 X 网站的风格来做我的网站"、"帮我提取这个网站的设计规范"、"复刻这个网站的导航/卡片/组件"等场景。

yijingjia
maintainer
yijingjia
更新於 4/3/2026
星標
21
分支
2
quick start

Installation and usage

从参考网站提取完整设计系统,生成 design tokens、color palette、设计系统文档和可交互 HTML playground,并保存为可复用文件供后续页面开发使用。当用户想复刻、参考或提取某个网站的设计风格、配色、动效、排版、组件结构时触发。也适用于"我想参考 X 网站的风格来做我的网站"、"帮我提取这个网站的设计规范"、"复刻这个网站的导航/卡片/组件"等场景。

安裝
$ install --globalskills.sh
使用

安裝後,您可以透過在終端機執行以下指令來使用此技能:

skills use design-extractor