SuperAPI AI 工具集

m-spacing

前端与建站

查看项目

更新于 10-16 06:55

技能介绍

用途

m-spacing 用于生成一套统一的间距比例尺(spacing scale),帮助在项目中建立一致的间距规范。它以 4px 为基础单位,在 4px 网格上生成从 2px 到 128px 的 15 个档位。

主要能力

  • 基于 4px 基础单位生成间距比例尺。
  • 比例尺包含 15 个档位:2、4、6、8、12、16、20、24、32、40、48、64、80、96、128(单位 px)。
  • 输出为 CSS 自定义属性,命名从 --space-0.5 到 --space-32。

使用方式

该技能会输出一组 CSS 自定义属性(--space-0.5 至 --space-32)。在代码库中,所有的 padding、margin 和 gap 都应使用这些值,而不是任意数值。

适用场景

适用于需要统一间距体系的前端项目或设计系统,尤其是希望将间距约束在固定网格上的场景。

限制

资料中未提供该技能的具体安装命令、调用方式、平台支持、收费信息或效果说明,这些内容暂未提供。