frontend-ui-design - 设计与审查无障碍前端界面
创建或审查基于设计令牌的生产级 React、Apps SDK 和 Tauri 界面，涵盖无障碍与响应式设计。
标签
更新于: 2026-10-03能力
典型输入
典型输出
该技能可以做什么
- 设计前端用户流程
- 定义响应式界面行为
- 定义 DTCG 设计令牌
- 实现 React 界面组件
- 实现 Tauri Web 界面
- 审查无障碍合规性
- 规划键盘与焦点行为
- 定义减弱动效方案
- 评估前端性能风险
- 创建 Storybook 测试故事
- 审计参考链接
输入
- 目标界面平台
- 主要用户目标
- 现有界面代码
- 功能需求
- 参考文件
- 品牌覆盖确认
输出
- 功能设计规范
- 基于令牌的尺寸标注
- React 实现代码片段
- Tauri 实现代码片段
- Storybook 故事
- 无障碍测试步骤
- 验证清单
- 仓库文件计划
要求
- 可访问规范设计参考文件
- 可访问无障碍与标准参考文件
- 组件小部件工作所需的 React 与 Apps SDK 支持
- 桌面应用工作所需的 Tauri 与 Rust 支持
- 创建组件故事所需的 Storybook 支持
- 执行 Web 检查所需的 axe-core 与 Playwright 支持
- 检查或修改仓库文件的权限