用途
quieter 是一个设计优化技能，用于「调低」那些过于大胆、激进或视觉刺激过强的设计。它的目标不是把设计变得无聊或千篇一律，而是在保留设计质量与核心冲击力的同时，让整体观感更精致、成熟、对眼睛更友好。用资料中的话说：安静的设计是自信的设计，它不需要大声喊叫。
主要能力
该技能从多个维度系统性地降低视觉强度：
- 色彩精炼：将饱和度从全饱和降到 70–85%；用柔和、成熟的色调替换亮色；减少颜色种类；让中性色承担更多工作，颜色仅作点缀（10% 规则）；只在最关键处保留高对比；使用带暖调或冷调的灰而非纯灰；避免在彩色背景上使用灰色文字，改用该颜色的深色或透明度。
- 视觉重量削减：降低字重（如 900→600、700→500），适当缩小字号；用字重、字号和留白而非颜色与粗体来建立层级；增加呼吸空间、降低密度；减细或移除边框与线条。
- 简化：移除无实际用途的渐变、阴影、图案、纹理；简化形状与圆角极端值；减少图层堆叠；清理模糊、发光、多重阴影等效果。
- 动效削减：缩短动画位移（如 40px 改为 10–20px），使用更柔和的缓动；移除装饰性动画，保留功能性动效；用温和反馈替代夸张效果；使用 ease-out-quart 等平滑缓动，避免弹跳或弹性效果；无明确用途的动画直接移除。
- 构图精炼：缩小尺寸跳跃带来的对比；让元素回归网格对齐；用一致的节奏替代极端的间距变化。
使用方式
该技能有强制性的准备流程：
- 收集上下文（必须最先做）：需要目标受众、期望使用场景、品牌个性/调性等信息。先从当前对话或代码库中查找；若找不到确切信息而只能从现有设计与功能推断，必须停下来调用 AskUserQuestionTool 确认推断是否正确；若无法完整推断或置信度为中等及以下，也必须停下来先澄清问题。在得到答案前不得继续，猜测会导致通用化设计。
- 使用 frontend-design 技能：获取设计原则与反模式，在其执行完成、明确所有该做与不该做的事项之前不得继续。
- 评估当前状态：分析设计为何显得过于强烈，识别强度来源（色彩饱和度、对比极端、视觉重量、动画过量、复杂度、尺度），并理解上下文（用途、受众、哪些做得好、核心信息是什么）。若这些在代码库中不清晰，需停下来调用 AskUserQuestionTool 澄清。
- 规划精炼策略：确定色彩方向、层级方向（哪些元素保留粗体——数量极少、哪些后退）、简化方向（哪些可完全移除）、精致化方向（如何通过克制传达品质）。
- 精炼设计：按上述各维度系统性地降低强度。
- 验证质量：确认仍然可用、仍有辨识度、更易阅读、更显精致。
适用场景
适用于需要将过于张扬、刺激或攻击性强的界面调整为更成熟、更易长时间阅读的视觉方案的场景，例如营销页面、工具界面或阅读体验的视觉降噪。资料指出不同上下文对能量的需求不同，因此需要结合具体受众与用途判断。
限制与禁止事项
资料明确列出以下禁止做法：
- 不要把一切都做成相同大小/字重（层级仍然重要）
- 不要移除所有颜色（安静 ≠ 灰度）
- 不要消除全部个性（通过精炼保持特色）
- 不要为美观牺牲可用性（功能元素仍需清晰的可供性）
- 不要把一切都做得又小又轻（仍需要一些锚点）
此外，该技能强调「安静的设计比大胆的设计更难」，微妙需要精确。关于该技能的具体安装命令、收费模式、支持平台等信息，资料中暂未提供。