间距

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

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

design-consultation 是一项 design-consultation 技能，用于把粗略的产品想法转化为完整的设计方向。它会生成 DESIGN.md 作为单一事实来源，并提供预览，以及关于字体、颜色、间距、布局和动效的系统级指导。适合新产品和需要统一起点的 UI 界面。

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

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

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

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

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

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

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

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

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

normalize skill 用于审查 UI 功能，并将其重新对齐到你的设计系统。了解 normalize 的安装选项、所需的 frontend-design 准备工作，以及它在页面、路由和组件中的实际用法。

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

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

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

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

normalize 技能会审查一个 UI 功能，并将其重新对齐到你的 design system。了解 normalize 的安装适用场景、必需的 /frontend-design 准备工作，以及在页面、路由和组件中的实际使用方式。

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

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

infographic 技能会使用 `infographic` DSL，将结构化内容转换为精致的 infographic 布局。适合 KPI 卡片、时间线、路线图、步骤流程、A vs B 对比、SWOT、漏斗、组织树以及简单图表。它尤其适合用于 UI Design 中的 infographic 以及 4-8 个项目的演示型摘要。不适合复杂数据分析或技术示意图。

high-end-visual-design 是一款面向高端 UI 方向的技能，适合打造编辑感、电影感和精心打磨的界面。它通过引导字体、间距、阴影、动效和版式构图，帮助 AI 避免千篇一律的布局，适用于落地页、营销网站、仪表盘以及更精致的 App 界面。

redesign-existing-projects 技能可将现有网站和应用升级到高端质感。它会审查当前设计，识别通用的 AI 痕迹，并在不破坏功能的前提下实现更精致的高阶设计。适用于任何 CSS 框架或纯 CSS。

gpt-taste 是一项面向设计的 skill，专注于打造更精致的 UI 页面，强调编辑式视觉指导、严谨的留白控制和 GSAP 动效。对于营销页、落地页和展示型站点，当你希望获得更丰富的布局变化、更好的排版控制，并减少千篇一律的前端模式时，可以使用 gpt-taste skill。该指南包含可落地实现的安装与使用说明。