布局

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

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

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

frontend-design 是一项以设计为先的技能，用于打造更精致的前端 UI，并在上下文、层级、可访问性与响应式表现上做得更好。你可以借助本指南完成技能安装、查阅核心参考资料，并将其中的实用建议应用到组件、页面和应用界面设计中。

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

delight 技能可帮助 UI 团队加入有分寸的微交互、文案与反馈细节，让界面更有温度，也更容易被记住。它最适合打磨特定页面或流程，不适用于完整改版。使用 delight 前应先具备 /frontend-design 上下文；如有需要，也可先使用 /teach-impeccable。

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

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

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