设计与 UI #7 安装量 124,500 原文已核对

extract-design-system

从现有代码或公开网站提取设计原语,生成可直接起步的 token 文件与组件依据。

提取设计系统、整理 tokens。

安装这个 Skill

npx skills add https://github.com/arvindrk/extract-design-system --skill extract-design-system

为什么值得装

推荐它,是因为它在「设计与 UI」分类里热度靠前(安装量 124,500),同时原始文档信息密度足够高。原文列出的执行要点包括:the target public website URL;whether the user wants extraction only or starter files too。对经常重复的任务来说,这类 Skill 能把经验沉淀到工作流前端,减少临场猜测。

原文里最有价值的点

  • 适合把现有界面拆成可复用的设计原语。
  • 可为新项目快速补齐 token 文件和基础样式。
  • 原文侧重从 public website 提取信息,别指望自动生成完整系统。

适合用在

  • 提升 Agent 的规划、调试、浏览器自动化和多代理协作能力
  • 做内容增长、SEO、品牌表达、营销实验和转化优化