关于 quieter
quieter 是 ui-craft 的一项技能,用于降低现有界面的视觉与动效强度,同时保留层级和无障碍支持。它指导直接修改代码,并以评审表和更新后的 Craft Read 收尾。
主要功能
- 01降低布局变化幅度
- 02减弱动效强度
- 03缩小字体并减轻阴影
- 04减少强调色与装饰
- 05保留层级和无障碍支持
适用场景
- 01让实验性页面布局更平和
- 02减少界面的装饰性动效
- 03弱化视觉强调但保留层级
安装
复制下面的命令,在终端中运行。
$
npx skills add https:/ / github.com/ educlopez/ ui-craft --skill quieter安装后在 Claude Code 中输入/quieter确认已加载。
详细介绍
背景: 此子技能是更广泛的 ui-craft 技能的一个视角。如果也安装了 ui-craft 技能,请先阅读其 SKILL.md,了解 Discovery + Anti-Slop + Craft Test,然后再应用以下特定视角。
让 $ARGUMENTS 中的 UI 更沉静。加载 ui-craft 技能并阅读 references/craft-intent.md。
降低表现幅度,但不要削弱层级。 平静 ≠ 无聊。
按顺序应用(直接编辑代码):
- 声明更新后的 Craft Read —— 用一行说明哪些部分变得柔和了。
- 将 DESIGN_VARIANCE 降低 1–2(最低为 2)。简化不对称的断点;如果布局较为实验性,则恢复更清晰的网格节奏。
- 将 MOTION_INTENSITY 降低 1–2(最低为 2)。移除滚动显示和交错动画;仅保留悬停/焦点效果。
- 视觉重量 —— 将展示尺寸缩小一级(例如 56→48px);将阴影深度减至细微描边或仅保留环境阴影;减少带边框的容器。
- 颜色 —— 将强调色的使用位置收敛至最低 3 处;弱化装饰性色调;不要新增色相。
- 移除装饰性动效 —— 空闲动画、视差效果以及没有实际用途的浮动元素。
保留: 主要层级、单一 CTA 级别、无障碍性;仅在有意义时保留标志性细节(否则予以简化)。
重叠: 对于结构性删减(章节、文案),也应用 /distill 的逻辑。颜色策略参见 /colorize。
输出: 编辑代码。打印 Review Format 表格。最后一行写更新后的 Craft Read。
下一步: /critique —— 确认克制的处理没有削平层级(第 1 档)。
评论
支持 Markdown