用途：面向网站和 Web 应用的界面设计、实现与评审，涵盖信息结构、用户流程、响应式布局、视觉系统、内容与交互状态。适用于局部打磨、新站点设计、设计审计等场景。
主要能力：先确定真实设计任务，读取需求、现有实现、设计系统、素材与内容，识别用户、页面目的、关键路径、品牌信号、目标平台与约束；结构先于装饰，理清任务从进入到完成与恢复的路径，让标签、内容顺序、导航与反馈可理解；基于内容与优先级布局，定义长文本、翻译、缺图、表格、错误、加载、空结果与成功状态；为窄屏、缩放与键盘使用设计信息顺序；使用项目既有视觉系统，建立层级后再加装饰；用克制、有目的的动效辅助定位与反馈，并支持减弱动效与静态状态。
实现要求：按钮为动作、链接为导航；保留既有组件系统的 refs、焦点、表单提交、校验与加载/错误语义；定义网络失败、重复激活、取消或过期数据的处理；表单保留已填数据并给出具体可恢复错误；菜单、对话框、标签页使用语义化模式与键盘/焦点行为；不依赖脆弱的 JavaScript 显示关键内容；保持字体与媒体加载时布局稳定。
适用场景：新站点或页面设计、局部界面打磨、设计评审、信息架构与响应式改造。
限制：对比度或自动化扫描不能作为无障碍认证；第一印象或启发式走查不是有度量的用户测试，不能据此声称转化率或任务成功率；静态截图无法验证键盘或读屏行为；测试计划不等于已完成测试；不得编造客户标志、评价、奖项、统计数据或产品能力，合成内容需标注占位；无实际界面证据不得声称可用性、无障碍、转化或性能提升。参考与脚本路径属于已安装技能目录，而非目标项目。该技能的官方说明与配套资料中暂未提供具体安装命令与收费信息。