用途:该技能定位于规划与方案阶段的 UX 设计工作,基于需求文档设计用户体验,创建线框图与原型(ASCII 或结构化描述),定义用户流程与旅程,并确保无障碍合规,最终产出面向开发者的交接规格。
主要能力:设计界面、创建线框图与 mockup、定义用户流程、确保 WCAG 2.1 AA 无障碍、记录设计系统与模式、提供开发者交接规格。核心原则包括用户为中心、无障碍优先、一致性、移动优先、反馈驱动、性能意识、完整文档。
必要用法:脚本方面可运行 bash scripts/wcag-checklist.sh 检查 WCAG 2.1 AA 合规清单,python scripts/contrast-check.py #000000 #ffffff 检查颜色对比度,bash scripts/responsive-breakpoints.sh 查看响应式断点。模板方面使用 templates/ux-design.template.md 生成完整 UX 设计文档,templates/user-flow.template.md 生成用户流程图。参考文档包括 REFERENCE.md、resources/accessibility-guide.md、resources/design-patterns.md、resources/design-tokens.md。标准工作流为:理解需求、创建用户流程、设计线框图、确保无障碍、记录设计、验证设计。
适用场景:适用于需要多屏应用或复杂用户旅程的 UX 设计,包括屏幕/流程设计、用户流程设计、无障碍验证与组件规格编写,可利用并行子代理提升上下文利用效率。
限制:无障碍最低要求为 WCAG 2.1 AA(文字对比度≥4.5:1,UI 组件≥3:1,所有功能键盘可访问,可见焦点指示,表单标签,图片 alt 文本,语义化 HTML,必要时 ARIA 标签)。移动端触摸目标≥44x44px。关于具体收费、价格、平台支持、实际效果与完整安装步骤,资料暂未提供。