bolder

概述

什么是 bolder？

bolder 是一项 UI 设计技能，帮助你将安全、通用或视觉上平淡的界面转变为更具刺激性和记忆点的体验。它专为希望在不牺牲可用性的前提下，为产品注入个性、活力和更强视觉导向的设计师和团队打造。

谁适合使用 bolder？

• 寻求突破通用或缺乏灵感设计模式的 UI/UX 设计师
• 收到反馈认为产品过于安全、平淡或缺乏特色的团队
• 需要提升视觉冲击力和品牌个性的项目

bolder 解决的问题

• 设计感觉通用、可预测或缺乏视觉层次感
• 界面对比度低、比例保守或布局静态
• 需要脱颖而出并留下深刻印象的产品

使用方法

安装步骤

1. 将技能添加到项目中：
   在项目目录下运行以下命令：

   npx skills add https://github.com/pbakaus/impeccable --skill bolder
   

2. 查看主要文档：
   从 SKILL.md 文件开始，了解详细的工作流程和背景。若有，README.md、AGENTS.md 或相关文件夹中也包含额外信息。

快速入门

• 必备准备：
  • 使用 bolder 之前，先调用 /frontend-design 以收集设计原则和上下文。如果项目缺乏设计背景，请先按照技能文档指示运行 /teach-impeccable。
• 评估当前设计：
  • 识别设计为何显得过于安全或平淡（如通用字体、低对比度、静态布局）。
  • 理解品牌个性、目标受众及相关限制。
• 规划并应用强化：
  • 利用 bolder 的指导，引入更强的层次感、对比度、动态效果和独特元素，同时兼顾可用性和无障碍。

文件结构

• 关键文件： SKILL.md（主要工作流程和说明）
• 其他有用文件： README.md、AGENTS.md 及任何支持文件夹（如有）

常见问题

什么时候应该使用 bolder？

当你的设计被描述为平淡、通用、过于安全或缺乏个性时，使用 bolder 尤其合适。它在收到利益相关者或用户要求更强视觉冲击力或独特性的反馈后特别有用。

bolder 会替代我现有的设计流程吗？

不会，bolder 旨在通过提供针对性的策略来增强你的现有工作流程，提升视觉冲击力。它与现有设计工具和流程结合使用效果最佳。

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

你必须按照技能文档说明，通过调用 /frontend-design 收集设计上下文。如果没有相关背景，请先运行 /teach-impeccable。

哪里可以找到更多细节？

打开仓库的 Files 标签，浏览完整文件树，包括 SKILL.md 及支持 bolder 工作流程的其他参考资料或脚本。