SuperAPI AI 工具集

export-css

前端与建站

查看项目

更新于 10-15 21:12

技能介绍

用途:export-css 用于从当前代码库中提取全部设计令牌,并输出为整洁的 CSS 自定义属性(CSS custom properties)声明块,方便在项目中统一引用设计系统。

主要能力:按类别分组输出令牌,包括颜色(如 --color-surface)、字体排版(如 --font-display、--type-scale-sm)、间距(如 --space-1)、阴影(如 --shadow-sm)和圆角(如 --radius-sm)。输出形式为 :root 声明块,并可在单独的 @media 块中提供深色模式覆盖。

使用方式:以 /export-css 调用该技能,它会从当前代码库提取设计令牌并生成对应的 CSS 输出。

适用场景:需要将设计系统落地为 CSS 变量、统一多端样式、或为深色模式准备变量覆盖时使用。

限制:资料未提供具体安装命令、依赖要求、支持的令牌来源格式、是否可自定义输出路径或命名规则等信息,暂未提供。