gentle-ui-design 是一个针对产品界面与 Web UI 的设计技能,用于在塑造、实现或评估用户体验时提供指导。其触发场景包括产品界面设计、Web UI、设计评审、浏览体验和响应式布局。
用途与定位:该技能负责 UX 质量,与 gentle-design 配合使用——gentle-design 负责画板交付,gentle-ui-design 负责用户体验质量。终端界面应改用 gentle-ai-tui-design。
主要能力与硬性规则:
- 只读评审保持只读,不为此指导安装工具或依赖。
- 先确定用户的任务与成功条件,再考虑外观;仅当缺失意图会实质性改变决策时才询问。
- 复用项目品牌、组件与平台惯例,避免通用的审美禁令。
- 不编造证据,不隐藏不可访问控件;建模真实内容范围与状态;该指导不新增钩子、检测器或强制工具链。
决策门(按需加载参考文档):
- 目的不清、文案薄弱或方向笼统:加载 references/task-and-content.md。
- 搜索、大型集合或难以比较:加载 references/browse-and-compare.md。
- 层级扁平、杂乱或反馈薄弱:加载 references/composition-and-feedback.md。
- 窄屏、输入访问或缺失状态:加载 references/adaptive-interfaces.md。
执行步骤:
- 识别受众、主要任务、约束与可能的内容规模;在可用时检查现有项目惯例。
- 仅加载相关参考文档,并为任务选择默认值或有理由的例外。
- 应用项目视觉语言,并考虑触摸、键盘、焦点、对比度与减少动态效果。
- 在有帮助且获得授权时进行视觉检查;报告观察结果,而不是暗示已进行检查。
输出要求:汇总设计选择与取舍、改动的文件(如有)、实际执行的检查以及重要未知项。
限制:该技能不安装工具或依赖,不附带钩子、检测器或强制工具链;视觉检查需要获得授权,不得虚构检查结果或证据。