SuperAPI AI 工具集

m-export-css

设计与创作

查看项目

更新于 10-16 06:59

技能介绍

用途

m-export-css 用于把 meridian 中的设计配置档案(design profile)导出为 CSS。其核心产物是 CSS 自定义属性,也就是以变量的形式承载设计令牌,方便在样式表中统一引用与维护。

主要能力

该技能会输出一个包含全部令牌的 :root 块,按类别组织,资料中列出的分组包括:

  • Brand Palette(品牌色板)
  • Neutral Palette(中性色板)
  • Semantic Tokens(语义化令牌)
  • Typography(排版)
  • Spacing(间距)
  • Shadows(阴影)
  • Radius(圆角)
  • Motion(动效)
  • Z-Index(层级)

除 :root 块之外,还会生成深色模式覆盖,即通过 @media (prefers-color-scheme: dark) 媒体查询提供深色模式下的变量取值。

使用方式

资料中以命令形式给出该技能的名称:/m-export-css,其作用为 Export CSS。除此之外,未提供更具体的使用步骤、参数或集成方式。

适用场景

适合需要将设计令牌统一导出为 CSS 变量、并在浅色与深色两种配色方案下保持一致表现的前端或设计系统工作流。

限制

关于该技能支持的平台、价格、安装命令、依赖要求或运行环境等细节,资料暂未提供。