SuperAPI AI 工具集

shadow-scale

通用与其它

查看项目

更新于 10-15 21:36

技能介绍

用途:为设计系统生成一致的阴影高度层级,用分层 box-shadow 表达从轻微抬升到强烈悬浮的深度关系,适合新项目建立 elevation 令牌、卡片与弹窗的深度层级、跨组件统一阴影样式,以及构建暗色模式阴影变体。

主要能力:提供 none、xs、sm、md、lg、xl、2xl 等层级,分别对应扁平元素、轻微抬升、卡片与按钮、下拉与提示、模态与浮层、对话框与抽屉、全屏覆盖等典型用途。支持三种风格:Soft(大模糊、低透明度,现代细腻)、Sharp(小模糊、较高透明度,边缘清晰)、Layered(每级 2-3 层阴影,最真实)。Layered 由环境层(大模糊低透明度)、主光层(中模糊中透明度)、边缘层(极小模糊的接触阴影)组成。

使用方式:先确定基础阴影颜色(默认黑色加透明度),再选择风格、层级数量(通常 5-7 级)、是否生成暗色模式变体,以及输出格式(CSS、Tailwind 或 JSON),随后生成具有渐进模糊、扩散与透明度变化的阴影刻度。算法上,Y 偏移每级约 2 倍,模糊半径每级约 1.5-2 倍,扩散略为负值以避免生硬边缘,透明度随层级略增。

输出格式:可输出 CSS 自定义属性、Tailwind 配置或 JSON 令牌。暗色模式可减少透明度(30-50%)、增加发光、加环形高光或反转方向;另提供 inset 阴影用于按下状态或内部深度。

限制:资料未提供安装命令、收费方式、平台支持或具体使用步骤,这些信息暂未提供。