Communitygithub.com

arvindrk/extract-design-system

从公共网站提取设计原型,为您的项目生成初始令牌文件。

extract-design-system 是什么?

该技能旨在帮助开发者从任何公共网站中提取设计系统的基础元素(如颜色、排版、间距等),并自动生成可用的设计令牌(Design Token)文件,作为您项目设计的起点。它通过分析目标网站的CSS样式和结构,识别关键的设计变量,然后输出结构化的令牌文件(例如JSON或YAML格式),从而加快新项目主题或样式库的搭建。该技能支持在Claude Code、Cursor等AI代理平台上使用,简化了从现有网站逆向工程设计系统的过程,特别适合需要迁移或复现设计规范的前端开发者和设计师。其核心优势在于减少手动收集和整理设计属性的工作量,让您能快速获得一套标准化的设计令牌。

兼容平台~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/arvindrk/extract-design-system/tree/main/skills/extract-design-system

在你喜欢的 AI 中提问

打开一个已预加载此 Agent Skill 的新对话。

文档

extract-design-system 是做什么的?

从公共网站提取设计原型,为您的项目生成初始令牌文件。

相关技能