视觉层级

使用 design-system skill 生成或审核 UI 系统，从现有代码中提取 tokens，并在真实仓库中检查样式一致性。

design-review 是一款面向 UX 的设计 QA 技能，用于审核线上界面，发现间距、层级、视觉一致性和交互问题，并通过带验证的迭代方式逐步修正。它支持在实现前进行 plan-mode 审查，适合你想要一份针对具体源代码改动的 design-review 指南，而不是泛泛而谈的建议时使用。

visual-design-foundations 可帮助团队用字阶体系、颜色 tokens、间距规则和图标规范搭建实用的 UI 系统。你可以用它建立稳固的设计基础、产出 style guide、审查视觉层级，并在清晰设计约束下生成可直接落地的 CSS variables。

polish 是一项用于最终复核的 UI 审查技能，专门在发布前检查对齐、间距、一致性、token 使用和微细节问题。它最适合那些功能已经可用，但整体感觉“差一点，还不够精致”的界面、流程或组件。你可以用它提升上线就绪度、设计系统对齐度和整体质量，而不必做不必要的重设计。

当界面显得扁平、拥挤，或布局过于机械时，layout skill 可帮助改进间距、层级和整体构图。它适合处理布局、对齐和视觉节奏相关问题，提供的是面向 UI Design 的实用布局指导，而不是泛泛的样式建议。尤其适用于需要做结构性调整、强化分组关系、优化阅读顺序的场景。

distill 可通过去除干扰、薄弱层级和冗余选项来简化杂乱的 UI 设计，让核心任务更清晰。适合在某个界面需要有纪律地做减法、理清优先级，并进行一轮聚焦式简化时使用。

使用 delight skill 为成功、加载、空状态和引导流程加入得体的 UI 润色、micro-interactions 与产品个性，同时不牺牲可用性或分散用户注意力。

layout 技能用于审查并优化 UI 的构图、间距、层级、对齐和视觉节奏。它尤其适合界面拥挤或结构薄弱的页面，但使用前依赖 /impeccable 先完成上下文收集。

industrial-brutalist-ui UI设计技能用于打造机械感、高密度界面，融合瑞士风格网格、强烈的字体对比、实用主义配色和模拟纹理。这个 industrial-brutalist-ui 指南适合看板、编辑系统和作品集页面，帮助它们呈现克制、明确的控制台式视觉气质。

colorize 技能可帮助 UI 团队为灰暗或过于平淡的界面加入更有策略性的色彩。了解何时适合使用、需要提供哪些上下文，以及它如何融入 impeccable 工作流，与 $frontend-design 和品牌导向的配色决策配合使用。

arrange 可帮助诊断并优化 UI 布局、间距与视觉层级。适合用这个 arrange 技能修复界面拥挤、网格重复、构图薄弱等问题；使用前需先完成 $frontend-design 配置，并可按需补充 $teach-impeccable 上下文。

typeset skill 用于审查并优化 UI 排版，重点改进字体选择、层级、字号、字重与可读性。最适合产品 UI、仪表盘和落地页。使用前需先具备 /frontend-design 上下文；如果没有任何设计上下文，则还需要先运行 /teach-impeccable。

polish skill 可帮助团队在发布前进行最后一轮 UI 质量检查。适合在界面功能已基本完成、设计上下文也已明确之后使用，用来发现间距、对齐、交互状态、文案以及边缘场景等细节问题。

distill 是一项用于 UI 设计精简的 skill，帮助你把页面、组件和流程收束到最核心的目标上。适合用来减少杂乱、视觉噪音和功能膨胀，但要注意，distill 依赖 /frontend-design，某些情况下还需要先使用 /teach-impeccable。

了解 colorize 技能如何为灰暗或层次平淡的 UI 设计加入更有策略的色彩。本指南涵盖使用前所需的 frontend-design 准备、仓库中的安装与调用背景，以及在信息层级、语义表达和品牌契合度上的实际用法。

bolder 是一项面向 UI 设计的技能，适合用来强化那些平淡、过于保守的界面，通过提升对比、层级和个性，让设计更有表现力。建议在完成 /frontend-design 上下文收集后使用；如果还没有设计上下文，也可先用 /teach-impeccable。这样能在不牺牲可用性的前提下，获得更犀利、也更可落地的设计改进建议。

arrange 用于改善 UI 布局、间距和视觉层级。它适合用来诊断画面拥挤、网格重复、分组感弱、构图平淡等问题，并进一步建立更清晰的结构与更有节奏的留白。通常建议在 pbakaus/impeccable 中先运行 /frontend-design，再使用 arrange；有时也可先执行 /teach-impeccable，以获得更稳定的 arrange 使用效果。

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 决策。