用途：该技能要求在每个前端、UI 或 UX 任务中应用，包括小修复、样式、组件、交互设计、无障碍、评审和纯设计工作。工作量随改动规模调整，但研究豁免不等于可以不使用该技能。目标是做出契合主题、用户与主要任务的界面，尊重既有设计系统、技术栈与范围；设计请求不等于要求实现，评审也不授权直接修改。
主要能力：设计前先调研。对新界面、较大改动或未决设计问题，需在线查找至少两个面向相似用户、解决相似问题的独立产品，其中包含视觉执行较强的参考，并查看相关屏幕或流程而非仅看营销首页。必须实际查看截图或渲染画面，可用在线站点、官方截图、带图帮助文档、应用商店图库或录屏演示；搜索摘要、页面文字、图片描述和未查看的截图不算视觉检查。涉及交互、导航或动效时，还需查看相关视频或体验在线演示，检查前、中、后状态。同时阅读至少一个权威来源的 UX/UI 最佳实践，如平台设计指南、成熟设计系统、W3C 无障碍指南或可用性研究，并匹配实际问题。
使用方式：在提出初步方向前，保留简短研究笔记，记录来源 URL、实际查看的屏幕或视频时间点、两个产品的视觉观察、指南中的相关建议及由此支持的决定。将证据转化为方向：主要用户任务、信息层级、布局、字体、配色与交互状态，说明借鉴或避免哪些模式及原因。在既有项目约定内实现，控件可用、语义元素恰当，考虑键盘或控制器焦点、对比度、目标尺寸与响应式布局，覆盖加载、空、错误与恢复状态。完成后运行界面、操作主要交互并在相关屏幕尺寸下实际查看截图，检查层级、间距、可读性、溢出、焦点与状态反馈，修复后重新截图，并运行相应项目检查。
适用场景与限制：适用于前端、UI、UX 各类任务，包括小修复与咨询。纯设计工作需对照证据检查布局与状态，并区分提案与已验证行为；评审只报告有依据的发现。若已有符合要求的研究可复用；拼写、间距等不改变设计的窄修复只需检查受影响界面。应尊重不浏览的要求；若替代方案后仍无法访问，需指出缺失证据并基于已有材料推进，不得声称研究已完成。研究笔记不应出现在产品 UI 中。操作浏览器或查看录像时，如可用应遵循 polite-browser-use 与 view-video。资料未提供具体安装命令、收费或平台信息。