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