该技能用于在写代码之前做界面与体验设计，聚焦“设计决策优先于实现”。适用场景包括：为新功能或页面规划 UI、设计用户流程与交互、评估 UI/UX 决策、绘制线框图或组件层级，以及用户询问“界面应该长什么样”或“某功能的较佳 UX 是什么”。不适用于具体实现（react、mui、css 等技能）、无障碍专项审计（a11y）、后端 API（architecture-patterns）。
主要能力与要求：一是先承诺一个明确的美学方向，定义目的、领域概念与词汇、该领域自然出现的颜色世界、语气（如极简、繁复、编辑风、奢华、粗野主义、复古未来、柔和/粉彩、工业、有机等，需选一个极端并坚持）、差异化元素，以及明确拒绝的三个默认模式。二是采用用户优先的设计流程：理解用户与目标、绘制用户流程（入口→操作→结果）、构建组件层级、验证需求、最后用技术技能实现。三是先定义用户流程再设计 UI，并处理边界情况，如空购物车、支付失败、会话超时等。四是绘制组件层级并识别每个组件所需状态，注明来源与是否可由其他状态派生。五是选择一种深度策略并保持一致：仅边框、轻微阴影、表面明暗变化或边框加阴影（仅用于强调元素），不要混用。六是每个交互元素都要定义默认、悬停、按下、聚焦、禁用五种状态，缺聚焦会破坏键盘可访问性。七是提供验证检查点：用户流程、组件结构、状态设计、工艺自评（替换测试、眯眼测试、标志性测试、令牌测试）。八是设计评审框架，按第一印象、可用性、视觉层次、一致性、可访问性五个维度依次评估，并给出具体反馈。
使用时可参考 visual-design.md、responsive-design.md、interaction-design.md、design-thinking.md 等资源，以及 a11y、react、composition-pattern、mui、tailwindcss 等技能。限制在于：它是设计规划类技能，不负责具体代码实现与无障碍完整审计；文中未提供收费、价格、安装命令或平台信息。