quieter

Compare original and translation side by side

🇺🇸

Original

English
🇨🇳

Translation

Chinese
<!-- HARNESS MIRROR — do not edit here. Canonical source: commands/quieter.md. After editing source, copy into cli/assets/<harness>/ and repo-root harness mirrors. -->
Context: this sub-skill is one lens of the broader
ui-craft
skill. If the
ui-craft
skill is also installed, read its SKILL.md first for Discovery + Anti-Slop + Craft Test, then apply the specific lens below.
Make the UI at
$ARGUMENTS
quieter. Load the
ui-craft
skill and read
references/craft-intent.md
.
Reduce amplitude without gutting hierarchy. Calm ≠ boring.
Apply in order (edit code directly):
  1. Declare an updated Craft Read — one line: what softened.
  2. Lower DESIGN_VARIANCE by −1–2 (floor 2). Simplify asymmetric breaks; return to clearer grid rhythm where layout was experimental.
  3. Lower MOTION_INTENSITY by −1–2 (floor 2). Remove scroll reveals and stagger; keep hover/focus only.
  4. Visual weight — compress display sizes one step (e.g. 56→48px); reduce shadow depth to hairline or ambient-only; fewer bordered containers.
  5. Color — pull accent placements toward the 3 minimum; neutralize decorative tints; no new hues.
  6. Cut decorative motion — idle animations, parallax, floating elements with no job.
Preserve: primary hierarchy, one CTA level, accessibility, states, signature detail only if it carries meaning (else simplify it).
Overlap: for structural cuts (sections, copy), also apply
/distill
logic. For color strategy, see
/colorize
.
Output: edit code. Print Review Format table. End with the updated Craft Read line.
Next step:
/critique
— confirm restraint did not flatten the hierarchy (rung 1).
<!-- HARNESS MIRROR — 请勿在此处编辑。标准源文件:commands/quieter.md。编辑源文件后,复制到cli/assets/<harness>/和仓库根目录的harness镜像中。 -->
背景说明: 该子技能是更广泛的
ui-craft
技能的一个细分方向。如果已安装
ui-craft
技能,请先阅读其SKILL.md中的Discovery + Anti-Slop + Craft Test部分,再应用以下具体规则。
$ARGUMENTS
指定的UI调整得更简洁。加载
ui-craft
技能并阅读
references/craft-intent.md
文档。
在不破坏层级结构的前提下降低视觉强度。 简洁≠乏味。
按以下顺序执行(直接编辑代码):
  1. 声明更新后的Craft Read — 一句话说明:哪些内容被简化。
  2. 将DESIGN_VARIANCE降低1-2个单位(最低为2)。简化不对称的布局断点;对于实验性布局,回归更清晰的网格节奏。
  3. 将MOTION_INTENSITY降低1-2个单位(最低为2)。移除滚动显示和交错动效;仅保留悬停/聚焦动效。
  4. 视觉权重 — 将显示尺寸缩小一级(例如56→48px);将阴影深度降至细线条或仅保留环境阴影;减少带边框的容器数量。
  5. 色彩 — 将强调色的使用数量降至最少3种;弱化装饰性色调;不新增色彩。
  6. 移除装饰性动效 — 闲置动画、视差效果、无实际作用的浮动元素。
需保留的内容: 主层级结构、一级CTA(行动召唤)、可访问性、状态标识,以及具有实际意义的标志性细节(否则进行简化)。
关联操作: 如需进行结构性删减(如区块、文案),同时应用
/distill
逻辑。色彩策略请参考
/colorize
输出要求: 编辑代码。打印Review Format表格。最后附上更新后的Craft Read语句。
下一步: 执行
/critique
— 确认简化操作未削弱主层级结构(第一层)。