视觉层级

typeset 通过审查字体选择、层级、字号、字重与可读性来提升 UI 排版质量。它最适合在 /frontend-design 之后使用；如果上下文不足，可先配合 /teach-impeccable，把普通、泛化的文案整理成更清晰、更有意图的排版系统。

quieter 技能可降低 UI Design 的视觉刺激强度，帮助弱化过于张扬、刺眼或容易造成感官负担的界面，同时保留层级、清晰度和品牌个性。最适合在 pbakaus/impeccable 仓库中完成必需的 /frontend-design 工作流后使用。

polish 技能用于在上线前进行最后一轮 UI 细查，修正间距、对齐、文案、状态与过渡等细节。最适合在功能已基本完成之后使用，并且需要具备设计背景信息、明确的质量标准，以及清晰的页面、流程或组件目标。

distill 是一项用于 UI 设计精简的技能，帮助你把界面收束到最核心的任务上。可用于减少界面杂乱、降低干扰并理清信息层级。它最适合在 /frontend-design 之后使用，前提是你已经明确具体页面、单一主要用户目标，以及必须保留的约束条件。

colorize skill 可帮助团队为灰暗或过于扁平的 UI 设计加入更有策略性的色彩。它会指导你判断颜色应该出现在哪里、为什么重要，以及如何结合现有品牌语境、信息层级、语义状态与整体调性来使用颜色。建议在 /frontend-design 之后使用，以获得更可靠的配色决策。

bolder 是一项面向 UI 设计的技能，适合在不牺牲可用性的前提下，为平淡或过于保守的界面增强层级、对比和个性。最好在 /frontend-design 之后使用；如果缺少上下文，也可配合 /teach-impeccable。最适合针对明确对象调用，例如某个页面、区块或组件。

arrange skill 用于改进 UI 布局、间距、分组和视觉层级。本文会说明它适合在什么情况下使用、如何通过 GitHub repo 完成 arrange install，以及如何结合 /frontend-design 上下文使用 arrange，帮助做出更好的 UI Design 决策。