Colorize
/impeccable colorize
适用场景
- 界面看起来靠谱,但记忆点很弱。
- 你想增强重点,而不是推翻结构。
- 当前配色撑不起预期气质。
什么时候用
/impeccable colorize 是“什么都是灰的”的反作用力。那些看起来像一堵米色墙的 dashboard、没有任何重点的表单、像任意一个 SaaS 模板的内容页,都适合用它。界面功能上没问题,但情绪上太平,想要一点温度,又不想掉进 AI 常见调色盘(紫粉渐变、青色霓虹、暗色发光)时,就该用 colorize。
工作方式
这个技能会先读取品牌色,如果有的话,再决定色彩该出现在哪里:
- 主操作使用品牌色最完整的表达。
- 次级强调使用柔和或染色后的变体,而不是再引入第二个满强度色。
- 中性色会向品牌色相轻微偏移,低色度染色(大约 0.005 到 0.01),单个像素几乎看不出来,但整体会更统一。
- 内容分类使用有限且有意图的强调系统,而不是彩虹。
关键点是:它使用 OKLCH,而不是 HSL。这样相同的明度步进看起来才真的相同。随着明度接近极端值,色度会自动下降。你得到的是“被认真设计过的颜色”,而不是“算出来的颜色”。
试试看
/impeccable colorize the dashboard预期 diff:
- 品牌色从硬编码 hex 改成
–color-accent: oklch(62% 0.18 240) - 中性色以 0.007 色度向品牌色相轻微偏染
- 主按钮吃满 accent,次按钮使用 ink / mist 体系
- 图表序列使用 3 个不同色相,但保持一致明度,避免某一条线天然更抢眼
- 空状态插画获得一层很轻的 accent wash
常见陷阱
- 没有品牌色就直接跑。 Colorize 需要一个起点。如果
PRODUCT.md没写品牌色,它应该先问。不要让它从 AI 默认调色盘里盲选。 - 指望它修掉 AI 调色盘问题。 如果你现在满屏紫色渐变和青色霓虹,先用
/impeccable quieter降噪,再让 colorize 重建。 - 把它用在本来就很多颜色的界面上。 那是
/impeccable quieter的工作。Colorize 负责加,不负责减。
让想法变成真正交付的软件。
HagiCode 是面向项目开发的 AI 编码工作台:用 OpenSpec 工作流规划变更,多 Agent 并行执行,再由 Hero Scenario 让进度一目了然,把想法变成真正交付的软件。
- 智能
- OpenSpec 工作流把意图变成从提案到交付的可执行路径。
- 高效
- 多 Agent 并行推进调研、实现与审阅。
- 有趣
- 丰富、便捷的界面交互,让规划、Agent 执行和项目工作更容易跟进。
生态站点
快速链接
社区
© 2026 HagiCode | Powered By hagilight-starlight@0.18.0 | Branch: main | Commit: 4369090 | Built:
