网页样式提取后能用?看这Skill

从网站提取完整的设计语言系统(颜色、字体、组件等)。

extract-design 这份 Skill 调用 designlang,从网页提取颜色、字体、间距等样式,整理成报告与主题文件。你提供网址后,可以选择多页、暗色或组件截图。

主文列出八类产物,包括样式变量、设计令牌、Figma 变量和几种框架主题。它们适合交接或作为开发上下文;选定单一框架时,产物范围会变,不应一律承诺八个文件。

提取到的值来自已访问页面与状态,未加载的菜单、其他页面和交互状态可能遗漏。报告带可访问性评分,也不能当成完整 WCAG 审核通过的证明。

迁入自己的项目前要核框架版本、主题结构和实际界面,不能直接把旧式 Tailwind 配置当成所有版本通用。本文没有抓取网站或测兼容性;原文的 npx 路线仍可能下载依赖,“无需全局安装”不等于不下载。

分类:设计创作

来源仓库:manavarya09/design-extract

适合用来做什么

  • 提取这个网站的设计语言。
  • 获取网站的设计系统和颜色方案。

安装 extract-design

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

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

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

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

浏览全部 Skill 指南