SuperAPI AI 工具集

layout

通用与其它

查看项目

更新于 10-15 20:21

技能介绍

用途:评估并改进单调、拥挤或结构薄弱的布局与间距,把通用排列变成有意图、有节奏的构图。

主要能力:从间距、视觉层级、网格与结构、节奏与变化、密度五个维度诊断空间设计问题;建立一致的间距系统;用空间与字重构建层级;选择合适布局工具;打破卡片网格的单调;管理深度与阴影层级;做光学微调。

使用方式:必须先调用 /impeccable,其中包含设计原则、反模式与上下文收集协议;若尚无设计上下文,必须先运行 /impeccable teach。随后按评估、规划、系统化改进、验证的流程执行。间距建议使用一致刻度(如 Tailwind、rem token 或自定义系统),用 gap 代替 margin,用 clamp() 实现流式间距;一维布局用 Flexbox,二维用 Grid,响应式网格可用 repeat(auto-fit, minmax(280px, 1fr)),复杂页面用命名网格区域。

适用场景:界面布局显得“不对劲”但配色字体正常时;卡片网格重复单调、间距随意、层级不清、密度与内容类型不匹配时。

限制与禁止:不得使用刻度外的任意间距值;不得让所有间距相等;不得把所有内容包进卡片或卡片嵌套卡片;不得到处使用相同卡片网格;不得默认全部居中;不得默认使用大数字加渐变的英雄指标模板;不得在 Flexbox 更简单时默认用 Grid;不得使用 999、9999 等任意 z-index。验证需通过眯眼测试、节奏、层级、呼吸感、一致性与响应式检查。具体收费、价格、平台与效果资料暂未提供。