colorize

**上下文：**此子技能是更广泛的 ui-craft 技能的一个视角。如果也安装了 ui-craft 技能，请先阅读其 SKILL.md，了解 Discovery + Anti-Slop + Craft Test，然后再应用以下特定视角。

为 $ARGUMENTS 处的 UI 添加颜色。加载 ui-craft 技能。

**规则（来自 SKILL.md）：**90% 以上保持中性色，只用一种强调色，每个视口放置 3-5 处。添加任何内容前，请先重申这一点。更多颜色不等于更好的设计。

**动手前——先询问品牌信息。**如果已有品牌色，请使用它。如果没有，请提供 2-3 个 OKLCH 选项——其中一个偏暖（例如 oklch(0.67 0.19 45)），一个偏冷（例如 oklch(0.60 0.18 250)）。切勿默认使用蓝色。

颜色值得出现的位置：

• 主 CTA 背景。
• 一个关键指标的色调——以约 8% 的透明度将强调色用作微妙的背景，并以全强度将强调色用于数字本身。
• 当前导航项的激活状态（下划线、圆点或微妙的色调——三选一）。
• 状态圆点（成功／警告／危险），大小为 6-8px，不用胶囊样式。
• 焦点环（:focus-visible）。

颜色不该出现的位置（反套路设计区域）：

• 标题渐变文字。
• 每张卡片都加彩色左边框或顶部边框。
• 每个标签／标记都使用统一的彩色胶囊。
• 用 Emoji 图标来注入“颜色”。
• 如果简单的 ↑／↓ 加 tabular-nums 更清晰，就不要用绿色／红色趋势箭头。

旋钮门控（VISUAL_DENSITY）：

• ≤ 4 → 仅用一种强调色，最多 3 处。
• 5-7 → 用一种强调色，放置 3-5 处，允许使用状态圆点。
• 8+ → 除单一强调色外，还允许使用语义色板（成功／警告／危险）——仪表板和数据 UI 值得使用这些颜色。

颜色过多？减少。

如果 UI 已经色彩过于喧闹，此命令也会移除颜色。

1. **统计每个视口中的强调色。**减少到 1-3 种。主 CTA 保留其强调色；其他内容均改为中性色，除非确实属于语义状态（真实状态中的成功／警告／危险）。
2. **弱化装饰性色彩。**背景图案、没有实际含义的着色卡片、每个列表项的彩色左边框、标题渐变、每个标签上的彩色胶囊 → 全部移除。
3. **保留语义色，移除装饰色。**保留状态圆点、焦点环和激活导航下划线。移除作为装饰的颜色。

需阅读的参考资料：references/color.md（OKLCH、令牌、深色模式、对比度）、references/accessibility.md（AA／AAA 对比度）。

输出：直接编辑代码。将所有字面量十六进制色值提取为 CSS 变量（--color-accent、--color-accent-tint）——如果已有令牌命名规则，请遵循。输出 Review Format 表格。每处放置各占一行；用于文本时，需标注对比度检查（AA／AAA）。

下一步：/tokens — 将颜色决策纳入持久化令牌主干，使其在本次会话结束后仍然保留（第 2 阶段）。