用途:该技能用于设计或审计界面,强调界面是否让人完成目标,而非是否看起来完成。适用于构建控件与路由状态、命名组件、生成设计方案、布局、设计系统与视觉规范等场景。
主要能力:提供交互状态(九种控件状态、延迟、保存反馈、撤销、删除确认、动效、表单)、组件契约(标签页、菜单、表格、提示、卡片等的 ARIA、键盘与焦点规则)、探索方法(生成多方案、结构化评审、收敛到单一设计)、布局(网格、响应式、落地页/定价页/作品集页配方)、设计系统(设计令牌、设计到代码交接)、视觉(字体、颜色、图像、调色板调整、品牌风格指南)以及来源引用。
必要用法:先读取项目或用户已有的模式库,其优先级高于默认规则。每个界面需交付四种状态:加载、空、错误、成功;详情路由另加未找到。空状态需说明原因并提供修复动作。审计模式分五阶段:从代码库确定范围、构建状态矩阵、按界面族分道、发布按后果排序的单一报告、逐项获批后再实现。
限制:无障碍底线不可协商,包括 4.5:1 对比度、44×44px 触控目标、不单靠颜色传达含义、可见焦点、优先原生语义 HTML、用 aria-disabled 替代 disabled 属性。设计令牌分三层,语义令牌指向原始值而非其他语义令牌。概念方案需以应用真实外壳中的完整屏幕呈现。获批设计需写入项目跟踪计划,实现后需与运行界面并排比对。资料未提供具体收费、价格或平台信息。