SuperAPI AI 工具集

layout

设计与创作

查看项目

更新于 10-16 03:37

技能介绍

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

主要能力:从间距一致性、视觉层级、网格结构、节奏与变化、密度五个维度分析空间设计弱点;建立统一间距尺度、营造视觉节奏、选择合适布局工具、打破卡片网格单调、强化层级、管理层次与阴影、做光学微调。

使用方式:必须先调用 /impeccable,其中包含设计原则、反模式与 Context Gathering Protocol。需先遵循该协议;若尚无设计上下文,必须先运行 /impeccable teach。随后按评估、规划、改进、验证步骤执行。间距建议采用 Tailwind 等框架尺度、基于 rem 的令牌或自定义尺度,令牌需语义化命名(如 --space-xs 至 --space-xl),用 gap 处理同级间距,用 clamp() 实现流式间距。一维布局用 Flexbox,二维布局用 Grid,响应式网格可用 repeat(auto-fit, minmax(280px, 1fr)),复杂页面用 grid-template-areas。

适用场景:界面排版单调、间距随意、视觉层级不清、密度不适配内容类型时。

限制:必须遵循指定准备流程;禁止使用尺度外的任意间距、把所有内容包进卡片、卡片嵌套、处处居中、不加区分地默认 CSS Grid、使用 999/9999 等任意 z-index。资料未提供该技能的具体平台支持与收费信息。