mcpField
Q
quieter

quieter

github.com/educlopez设计与 UI407470 次安装2 周前更新
代码仓库

关于 quieter

quieter 是 ui-craft 的一项技能,用于降低现有界面的视觉与动效强度,同时保留层级和无障碍支持。它指导直接修改代码,并以评审表和更新后的 Craft Read 收尾。

主要功能

  1. 01降低布局变化幅度
  2. 02减弱动效强度
  3. 03缩小字体并减轻阴影
  4. 04减少强调色与装饰
  5. 05保留层级和无障碍支持

适用场景

  1. 01让实验性页面布局更平和
  2. 02减少界面的装饰性动效
  3. 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。

降低表现幅度,但不要削弱层级。 平静 ≠ 无聊。

按顺序应用(直接编辑代码):

  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 —— 确认克制的处理没有削平层级(第 1 档)。

评论

支持 Markdown