用途：在构建 Web 组件、页面或应用时，按系统的 UI/UX 方法产出可上线的前端界面，适合需要兼顾用户需求、可访问性与业界惯例的场景。
主要能力：提供四阶段流程。一、THINK：先明确用户画像、目标、痛点、技术约束（框架、现有设计系统、性能预算、浏览器支持、WCAG 等级），未答完不写代码；信息缺失时可显式记录假设，默认按 WCAG 2.2 AA、移动优先、行业惯例与 44px 触控目标推进。二、PLAN：梳理信息架构与内容层级，选定一种美学方向（如极简、极繁、复古未来、自然、奢华、编辑式、粗野、趣味），并逐个组件定义用途、预期、状态、响应行为与可访问性。三、BUILD：先建立设计令牌（字体、间距 8 点网格、颜色、效果），再实现组件各状态。交互元素需覆盖 default、hover、focus-visible、active、disabled、loading；触控目标最小 44×44px；按钮顺序为次要居左、主要居右；移动优先断点为 640/768/1024/1280/1536px。四、VALIDATE：做可访问性检查清单与三维度 UI 评估（位置、视觉权重、间距），并给出最终质量门禁核对。
使用方式：该技能以逐步问答与检查表推进，要求在动手前完成发现阶段；涉及具体实现时按需加载设计系统、组件状态、可访问性、行业惯例、评估框架、字体与颜色、表单、移动端、反模式等参考文件。相关标准与资源包括 WCAG 2.2 快速参考 https://www.w3.org/WAI/WCAG22/quickref/ 、MDN 可访问性文档与 WebAIM 对比度检查器 https://webaim.org/resources/contrastchecker/ 。
适用场景：需要兼顾可用性、可访问性与视觉一致性的前端界面开发与既有 UI 审计。
限制：资料未提供具体安装命令、依赖版本、支持的框架细节或收费与授权信息，均暂未提供；实际落地需结合项目自行确定。