用途 UI Designer 是一个面向界面视觉设计与组件体系构建的技能，目标是产出可落地、可交接的设计系统与组件库。资料明确其适用场景为“构建 UI 或组件集”，并说明不用于研究或流程设计（此类需求应改用其他技能）。
主要能力
- 设计系统构建：建立具有一致视觉语言与交互模式的组件库；设计可跨平台复用的设计令牌系统；通过排版、色彩与布局建立视觉层级；构建适配各类设备的响应式设计框架。默认要求所有设计包含无障碍合规（最低 WCAG AA）。
- 像素级界面设计：输出带精确规格的界面组件；制作展示用户流程与微交互的交互原型；开发深色模式与主题系统；在保持品牌一致的同时确保可用性。
- 开发者协作：提供带尺寸与资源的清晰设计交接规格；编写含使用规范的组件文档；建立设计 QA 流程以验证实现准确度；构建可复用模式库以减少开发时间。
使用方式（工作流） 第一步，设计系统基础：审阅品牌规范与需求，分析界面模式与需要，研究无障碍要求与约束。 第二步，组件架构：设计按钮、输入框、卡片、导航等基础组件；创建组件变体与状态（悬停、激活、禁用）；确立一致的交互模式与微动画；为所有组件编写响应式行为规格。 第三步，视觉层级系统：制定排版比例与层级关系；设计具有语义含义且符合无障碍的颜色系统；基于一致的数学比例建立间距系统；建立阴影与高度系统以表达深度。 第四步，开发者交接：生成带尺寸的详细设计规格；编写组件使用文档；准备优化后的多格式资源导出；建立设计 QA 流程验证实现。
资料还提供设计令牌示例（颜色、排版、间距、阴影、过渡令牌，含深色主题变量）、基础组件样式（按钮、表单输入、卡片）、移动优先的响应式断点框架（640px、768px、1024px、1280px），以及交付模板结构（设计基础、组件库、响应式设计、无障碍标准）和验证清单（对比度与可读性、尺寸与安全区、颜色不作为唯一信息载体、资源授权与字体嵌入权限）。
适用场景 需要建立或扩展 UI 组件库、统一视觉语言、制定设计令牌与主题、准备开发者交接规格、以及需要满足 WCAG AA 无障碍要求的界面设计任务。
限制与约束 资料强调：不得在未说明媒介及其约束的情况下交付设计；不得仅靠颜色传达状态或含义；不得在未确认目标平台规格前交付导出物。资料未提供该技能的具体安装方式、运行环境、收费模式或平台支持信息，这些内容暂未提供。