colorize

概览

什么是 colorize 技能？

colorize 技能帮助设计师和前端开发者为过于单调、灰暗或视觉上乏味的用户界面添加策略性颜色。通过有意识地引入色彩，使数字产品更具吸引力、表现力，并与品牌形象保持一致。该技能特别适用于用户或利益相关者反馈设计缺乏温度、活力或视觉趣味的项目。

谁适合使用 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 以及 rules/、resources/、references/ 等文件夹，获取更多背景信息和最佳实践。

工作流程概览

• 必备准备：
  • 调用 $frontend-design 以获取设计原则和上下文信息。
  • 确保可以访问现有品牌色彩。
• 评估色彩机会：
  • 分析哪些地方缺少或未充分利用颜色。
  • 识别颜色可以增强意义、层次或情感基调的区域。
• 规划并引入颜色：
  • 利用颜色传达语义提示（例如，绿色表示成功，红色表示错误）。
  • 通过细致的色彩选择提升导航、分类和用户愉悦感。

适应您的项目

colorize 技能设计为可根据您的代码库、工具和限制进行调整。请将提供的工作流程作为参考指南，而非逐字复制。

常见问题

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

当您的界面显得过于单调、缺乏视觉趣味，或利益相关者希望拥有更鲜活、富有表现力的配色时，建议使用 colorize。

我应该先查看哪些文件？

建议从 SKILL.md 文件开始，了解主要工作流程。其他支持文件则提供更深入的指导。

colorize 会强制使用特定的色彩方案吗？

不会。它引导您使用现有品牌色彩和色彩使用的最佳实践，但不会规定具体的调色板。

哪里可以找到更多资源？

打开代码库的 Files 标签，浏览完整文件树，包括参考资料和高级用法的辅助脚本。