SuperAPI AI 工具集

reader-ui-ux

前端与建站

查看项目

更新于 10-15 20:30

技能介绍

用途:为阅读器或管理后台提供有意识设计的、本地化且无障碍的前端体验,适用于修改 React 界面、布局原语或共享 UI 组件,以及添加本地化文案、无障碍改进和设计打磨。

主要能力与流程:先确认视口相关布局(移动端抽屉与桌面端侧栏)及主题规则;将文案添加到语言目录并确保回退、提供语言切换器;处理键盘焦点、ARIA 标签、减少动效和语义区域;使用状态管理选择器、避免属性透传、缓存重渲染;以 trace ID 记录关键 UI 操作;添加组件测试,并为关键流程补充端到端覆盖。

检查清单:布局在移动/平板/桌面下响应式且间距合理;字符串已本地化并更新语言头;错误状态使用 ErrorBoundary 与内联提示;异步副作用通过 AbortController 取消并实现清理函数;交互包含 aria-label 与必要的焦点陷阱。

限制:资料未提供具体安装命令、代码内容或价格信息;相关参考文档路径为 references/responsive-patterns.md 与 references/accessibility-checklist.md。