colorize

概述

什么是 colorize 技能？

colorize 技能旨在帮助 UI 设计师和开发者为过于灰暗、单调或缺乏视觉吸引力的界面策略性地添加色彩。通过有意识地引入颜色，您可以让产品更具吸引力和表现力，同时更好地体现品牌形象。当用户或利益相关者觉得设计缺乏生气、需要更鲜活的色彩或更温暖的色调时，这项技能尤为适用。

谁适合使用 colorize？

• 希望增强视觉层次和情感吸引力的 UI/UX 设计师
• 致力于提升界面美感的前端开发者
• 需要通过色彩提升意义表达或导航体验的产品团队

解决的问题

• 单色或过于中性的界面
• 缺乏视觉层次或语义提示
• 设计未能体现品牌色彩或情感基调

使用方法

安装步骤

1. 通过以下命令安装 colorize 技能：
   npx skills add https://github.com/pbakaus/impeccable --skill colorize
2. 首先阅读 SKILL.md 文件，全面了解工作流程和需求。
3. 如有，查看 README.md、AGENTS.md 和 metadata.json 等辅助文件以获取更多信息。

工作流程指导

• 必备准备：
  • 在应用 colorize 之前，先执行 /frontend-design 以收集设计原则和背景信息。如果没有设计上下文，先运行 /teach-impeccable。
  • 收集现有品牌色彩以确保一致性。
• 评估色彩机会：
  • 分析当前设计中缺乏色彩或可通过色彩提升的部分（例如用于语义表达、层次划分、分类或情感基调）。
• 规划并应用色彩：
  • 有策略地引入色彩，重点关注最能受益的区域，如行动呼吁按钮、警示信息或导航元素。
  • 确保色彩选择符合品牌指南和无障碍标准。

建议查看的文件

• 从 SKILL.md 开始，了解主要流程。
• 如有规则、资源或脚本文件夹，也请查看以获取更多背景信息。

常见问题

什么时候应该使用 colorize 技能？

当您的界面显得过于单调、缺乏视觉温度，或利益相关者希望界面更鲜活、更具表现力时，使用 colorize。它特别适合提升视觉层次、导航指引和情感基调。

使用 colorize 前需要做哪些准备？

您需要通过运行 /frontend-design 收集设计上下文，必要时运行 /teach-impeccable。同时，收集所有相关的品牌色彩。

colorize 适合所有项目吗？

colorize 最适合那些色彩能提升用户体验且不影响无障碍性或品牌一致性的项目。对于刻意追求极简或灰度设计的项目，可能不适用。

哪里可以找到更多细节或辅助脚本？

打开仓库的 Files 标签，浏览完整文件树，包括任何嵌套引用或支持 colorize 工作流程的辅助脚本。