用途:这是一个生成式基础技能,面向界面布局。它指出 AI 助手排版常犯的问题:使用任意间距(如 13px、27px)、凭肉眼填充、对齐方式混乱、内容不落网格、所有元素视觉权重相同。它用系统性方法解决:单一基础单位、统一刻度、网格、一致对齐,以及用空间进行分组与排序。
主要能力:先建立上下文(平台与密度、内容类型、是否响应式),这些决定基础单位、网格类型与栏模型。始终适用的核心包括:以单一基础单位构建间距与尺寸,所有值都是其倍数,8px 为默认,密集界面用 4px,并以 token 表达刻度;用邻近性分组,组内间距小、组间间距大,外部间距不小于内部间距;用空间与位置建立层级,留白是主动手段;内容对齐网格,区分 margin、padding、gutter,相似元素在两条轴上一致对齐,容器适应网格而非相反;响应式上按断点调整容器与重排栏,常见为桌面 12 栏、平板 8 栏、移动 4 栏,间距随文字缩放。
上下文相关决策需呈现权衡让用户选择:基础单位 8px 还是 4px、网格类型(栏式、模块式、手稿式、层级式、整合式)、对称与非对称、固定/流式/响应式栏模型、元素优先还是内容优先的尺寸策略、黄金比例或三分法用于焦点定位、语义 token 层、是否有意打破网格。
使用方式与限制:完成布局后应交给审查视角,如 ux-aesthetics-audit、ux-accessibility-audit,移动端则用 ux-mobile-responsiveness-audit;这些技能未安装时,本技能自身核心已包含相应规则,可继续而不阻塞。排版刻度与可读性归 ux-typography,颜色强调与对比归 ux-color。资料未提供具体收费、价格或平台信息。