喜欢的网站怎么配色?这个Skill提给你

从网站提取可复用的配色、字体和间距规则。

extract-design-system 帮你从公开网站提取颜色、字体、间距、圆角和阴影等基础设计参数,并生成项目可用的起始配置文件。

看到一个页面的视觉搭配很协调,可以提供网址,让它整理观察到的参数。结果包括结构化记录,以及可选择生成的设计变量文件,便于研究或启动自己的设计。

文档说得很清楚:这只是提取起点,并非完整组件库,也不保证像素级复刻。一个页面无法代表整个产品,动态内容也可能没被完整获取。把结果当作待审阅的参考,再结合自己的品牌调整,别直接覆盖已有样式。

每天在iskills.cc看懂一个skill,让 AI 的本领, 成为你的拿手好戏!

分类:设计创作

来源仓库:arvindrk/extract-design-system

适合用来做什么

  • 如何从公共网站提取设计系统?
  • 如何为我的项目生成初始设计令牌文件?

安装 extract-design-system

npx skills add https://www.iskills.cc/skills/arvindrk/extract-design-system/extract-design-system/SKILL.md

在本机终端执行安装命令。安装前请阅读原始说明,确认所需工具、账号和权限。

查看安装步骤 · 查看常见问题

查看 extract-design-system 的用途与原始说明

浏览全部 Skill 指南