用途:为 UI 布局或组件结构建立系统化间距,借助接近性表达分组关系,让相关元素更近、不同区块更远,并提供现有间距的合格性评估。
主要能力:输出间距刻度规范与各元素的 margin/padding 值,给出通过/不通过判断;刻度以 16px(浏览器默认)为基准,包含 4px、8px、12px、16px、24px、32px、48px、64px、96px,相邻值至少相差 25%。
使用方式:输入内容分组、期望密度与基准单位;按规则检查组内间距(约 4–16px)是否小于组间间距(约 24–64px),卡片、按钮、输入框内边距是否一致,是否用留白替代边框,内容是否被不必要地拉伸填满画布。
常见限制与失败模式:使用任意数值、数值差异过小、组内外间距相等造成歧义、过度依赖边框、填满宽画布、留白仅勉强够用、内边距不统一。
依赖与前提:需先完成内容分组并建立视觉层级,与 establish-visual-hierarchy、group-related-elements 相关。资料未提供价格、平台支持与更详细的实现步骤。